Criei um Widget Aqui para tentar implementar, pensando na logica que se eu tentar ir para tras no primeiro item, eu iria dar um jump para a ultima pagina e se eu tivesse na ultima page eu daria um jump para a primeira, mas apenas fico entre as 3 e nao consigo realizar essas operações que tentei, alguem conseguiria me ajudar?
class CircularItemList extends StatefulWidget {
const CircularItemList({super.key});
@override
CircularItemListState createState() => CircularItemListState();
}
class CircularItemListState extends State<CircularItemList> {
List<String> items = ['item 1', 'item 2', 'item 3'];
late PageController _pageController;
int _currentPage = 0;
@override
void initState() {
super.initState();
_pageController = PageController(initialPage: _currentPage);
_pageController.addListener(_pageListener);
}
void _pageListener() {
if (_pageController.page == _pageController.page!.roundToDouble()) {
setState(() {
_currentPage = _pageController.page!.toInt();
});
}
}
@override
void dispose() {
_pageController.dispose();
super.dispose();
}
void _scrollToNext() {
if (_currentPage < items.length - 1) {
_pageController.animateToPage(
_currentPage + 1,
duration: Duration(milliseconds: 500),
curve: Curves.ease,
);
} else {
_pageController.jumpToPage(0);
}
}
void _scrollToPrevious() {
if (_currentPage > 0) {
_pageController.animateToPage(
_currentPage - 1,
duration: Duration(milliseconds: 500),
curve: Curves.ease,
);
} else {
_pageController.jumpToPage(items.length - 1);
}
}
Widget _buildItem(String item) {
return Center(
child: Container(
margin: const EdgeInsets.symmetric(horizontal: 10.0),
child: Text(item),
),
);
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: GestureDetector(
onHorizontalDragEnd: (details) {
if (details.velocity.pixelsPerSecond.dx > 0) {
_scrollToPrevious();
} else if (details.velocity.pixelsPerSecond.dx < 0) {
_scrollToNext();
}
},
child: PageView.builder(
controller: _pageController,
itemCount: items.length,
itemBuilder: (context, index) {
return _buildItem(items[index]);
},
),
),
),
);
}
}