Я создаю PageView с точечным индикатором в постоянном нижнем листе. Нижний лист отображается с просмотром страниц и точечным индикатором. Но когда я выполняю горизонтальную прокрутку, это не влияет на представление точек.
Моя иерархия кода выглядит следующим образом:
class zzz extends StatefulWidget with ccc {
@override
State createState() => new xxxState();
}
class xxxState extends State< zzz > with qqq {
..
...
Stack(
pageview(
onPageChanged: (index) {
setState(() {
this.bottomSheetCurrentIndex = index;
});
},
)
dotsView()
)
Вид точек ниже:
Widget dotsview(double pages) {
return Container(
width: MediaQuery.of(context).size.width,
height: 40,
child: ListView.builder(
scrollDirection: Axis.horizontal,
padding: const EdgeInsets.only(left: 180),
itemCount: pages.toInt(),
itemBuilder: (BuildContext context, int index) {
return Container(
height: 10,
width: 10,
child: dotcontainer(pages, index),
);
}
)
);
}
//indicator style
Container dotcontainer(double pages, int index) {
return Container(
margin: EdgeInsets.symmetric(vertical: 10.0, horizontal: 2.0),
decoration: BoxDecoration(
shape: BoxShape.circle,
color: this.bottomSheetCurrentIndex == index
? Colors.blue
: Colors.grey),
);
}
Почему? Любое решение для этого?