manuindersekhon
commented
8 months ago Hi @Welnnys, you can refer to the Horizontal screen code (link attached below) to have to an idea how to use that. Also when you run the example app included in package, it will have three buttons on the home page, you can go to any one of them and search for InfiniteCarousel.builder.
https://github.com/GeekyAnts/infinite-carousel-flutter/blob/main/example/lib/screens/horizontal.dart
Here's a example snippet for your reference:
final ScrollController _controller = InfiniteScrollController();
SizedBox(
height: 200,
child: InfiniteCarousel.builder(
// In this example, Items is the list of string containing image urls.
itemCount: items.length,
itemExtent: 200,
loop: true,
controller: _controller,
onIndexChanged: (index) {
print(index);
},
itemBuilder: (context, itemIndex, realIndex) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 10.0),
child: GestureDetector(
onTap: () {
_controller.animateToItem(realIndex);
},
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
boxShadow: kElevationToShadow[2],
image: DecorationImage(
image: NetworkImage(items[itemIndex]),
fit: BoxFit.fill,
),
),
),
),
);
},
),
);Please let me know if you need further help. Thanks.
Welnnys
I don't quite understand the example and how to make a carousel item, I would highly appreciate it if you guys comment an example which I can use. This is my code right now:
https://pastebin.com/6xMMF7Ha