swipe to next image is not working on web

[architect-incorpro]

swipe to next image is not working on web

[gthe856]

Hi there, I don't know if you found the solution but I found a hack, please forgive me I am new to flutter and was looking around to how you implement interfaces, but I modified the source code slightly to expose the pagecontroller and just used it to change pages.

I copied the flutter_image_slideshow.dart to a new folder and dart file then imported this. From this, you can access the pagecontroller named imagePageController directly and navigate to the next page directly.

Again, I hope this helps you now because I know this solution is probably bad practice.
``
import 'dart:async';

import 'package:flutter/material.dart';
import 'package:flutter_image_slideshow/indicator.dart';

late PageController imagePageController;

class ImageSlideshow extends StatefulWidget {
const ImageSlideshow({
Key? key,
required this.children,
this.width = double.infinity,
this.height = 200,
this.initialPage = 0,
this.indicatorColor,
this.indicatorBackgroundColor = Colors.grey,
this.onPageChanged,
this.autoPlayInterval,
this.isLoop = false,
}) : super(key: key);

/// The widgets to display in the [ImageSlideshow].
///
/// Mainly intended for image widget, but other widgets can also be used.
final List children;

/// Width of the [ImageSlideshow].
final double width;

/// Height of the [ImageSlideshow].
final double height;

/// The page to show when first creating the [ImageSlideshow].
final int initialPage;

/// The color to paint the indicator.
final Color? indicatorColor;

/// The color to paint behind th indicator.
final Color? indicatorBackgroundColor;

/// Called whenever the page in the center of the viewport changes.
final ValueChanged? onPageChanged;

/// Auto scroll interval.
///
/// Do not auto scroll when you enter null or 0.
final int? autoPlayInterval;

/// loop to return first slide.
final bool isLoop;
@OverRide
_ImageSlideshowState createState() => _ImageSlideshowState();
}

class _ImageSlideshowState extends State {
final _currentPageNotifier = ValueNotifier(0);
late PageController _pageController;

void _onPageChanged(int index) {
_currentPageNotifier.value = index;
if (widget.onPageChanged != null) {
final correctIndex = index % widget.children.length;
widget.onPageChanged!(correctIndex);
}
}

void _autoPlayTimerStart() {
Timer.periodic(
Duration(milliseconds: widget.autoPlayInterval!),
(timer) {
int nextPage;
if (widget.isLoop) {
nextPage = _currentPageNotifier.value + 1;
} else {
if (_currentPageNotifier.value < widget.children.length - 1) {
nextPage = _currentPageNotifier.value + 1;
} else {
return;
}
}

    if (_pageController.hasClients) {
      _pageController.animateToPage(
        nextPage,
        duration: const Duration(milliseconds: 350),
        curve: Curves.easeIn,
      );
    }
  },
);

}

@OverRide
void initState() {
_pageController = PageController(
initialPage: widget.initialPage,
);
_currentPageNotifier.value = widget.initialPage;
imagePageController = _pageController;
if (widget.autoPlayInterval != null && widget.autoPlayInterval != 0) {
_autoPlayTimerStart();
}
super.initState();
}

@OverRide
void dispose() {
_pageController.dispose();
imagePageController.dispose();
super.dispose();
}

@OverRide
Widget build(BuildContext context) {
return SizedBox(
width: widget.width,
height: widget.height,
child: Stack(
children: [
PageView.builder(
onPageChanged: _onPageChanged,
itemCount: widget.isLoop ? null : widget.children.length,
controller: _pageController,
itemBuilder: (context, index) {
final correctIndex = index % widget.children.length;
return widget.children[correctIndex];
},
),
Positioned(
left: 0,
right: 0,
bottom: 10,
child: ValueListenableBuilder(
valueListenable: _currentPageNotifier,
builder: (context, value, child) {
return Indicator(
count: widget.children.length,
currentIndex: value % widget.children.length,
activeColor: widget.indicatorColor,
backgroundColor: widget.indicatorBackgroundColor,
);
},
),
),
],
),
);
}
}

``

[edasandesu]

@architect-incorpro
Oh, I'm sorry...
I tested mobile platform like iOS, but I did not test other platform.

Please, try it on master branch because I fixed.
Thank you for teaching me!

[edasandesu]

@gthe856
Thank you to find a hack!