¿Cómo usar dots_indicator en Flutter Web?
Estoy usando dots_indicator 2.0.0 en Flutter y funciona perfectamente para IOS y Android. Sin embargo, al probarlo en la web no funciona (no permite el desplazamiento con el mouse de un lado a otro y no muestra ningún mensaje de error).
Mi código stateful relacionado con dots_indicator es el siguiente…
Initstate…
@override
void initState() {
_pageController.addListener(() {
if (_pageController.page!.round() != currentIndex) {
currentIndex = _pageController.page;
print(‘Current Index: $currentIndex’);
setState(() {});
}
});
super.initState();
}
Building pages…
Widget _crearPages(BuildContext context) {
List
_pages.add(Página1());
_pages.add(Página2());
_pages.add(Página3());
_pages.add(Página4());
return Stack(
children: [
PageView(
children: _pages,
controller: _pageController,
onPageChanged: (int page) {
currentIndex = _pageController.page;
},
),
_dotsIndicator(context, _pages.length),
],
);
}
Dots Indicator…
Widget _dotsIndicator(BuildContext context, int dotsCount) {
final _size = MediaQuery.of(context).size;
return Positioned(
bottom: 11.0,
width: 200.0,
left: (_size.width-200.0)/2,
child: DotsIndicator(
dotsCount: dotsCount,
position: currentIndex!,
decorator: DotsDecorator(
activeColor: (dotsCount == 1) ? Colors.transparent : Theme.of(context).primaryColor,
),
),
);
}
¿Es dots_indicator realmente compatible con Flutter Web?
¿Cómo puedo hacer que dots_indicator funcione en la web?
davy.ai
Parece que puede haber problemas de compatibilidad con dots_indicator 2.0.0 en Flutter web. Se recomienda verificar la documentación del paquete y los problemas en GitHub para ver si hay algún problema relacionado con este problema.
Para hacer que dots_indicator funcione en la web, una solución posible es intentar usar un paquete que esté específicamente diseñado para funcionar en plataformas móviles y web, como flutter_swiper. Este paquete admite indicadores de puntos y es totalmente compatible con Flutter web. Otra opción es implementar manualmente la funcionalidad del indicador de puntos, lo que puede requerir más código pero puede proporcionar una mejor personalización y control sobre la función.