How to add infinite scroll in Flutter?

Question

I am trying to make my tab scrollable such that if I scroll down, new content should be appearing. So I wanted to know that what we can add or what are the improvement needed.

This is my code:

 class ProductList extends StatelessWidget {
 const ProductList({Key? key}) : super(key: key);
 @override
 Widget build(BuildContext context) {
 return Wrap(
 direction: Axis.horizontal,
 alignment: WrapAlignment.start,
 crossAxisAlignment: WrapCrossAlignment.start,
 runAlignment: WrapAlignment.start,
 runSpacing: 8.0,
 spacing: 15.0,
 children: List.generate(10, (index) { 
 return SizedBox(
 width: getProportionateScreenWidth(160),
 child: GestureDetector(
 child: Column(
 crossAxisAlignment: CrossAxisAlignment.start,
 mainAxisAlignment: MainAxisAlignment.start,
 children: [
 AspectRatio(
 aspectRatio: 1.02,
 child: Container(
 padding: EdgeInsets.all(getProportionateScreenWidth(5)),
 decoration: BoxDecoration(
 color: kSecondaryColor.withOpacity(0.3),
 borderRadius: BorderRadius.circular(15),
 ),
 child: null),
 ),
 const SizedBox(height: 10),
 ],
 ),
 ),
 );
 }),
 );
 }
}

• Maikzen: do you want a infinite list with a limited items or infinite items?
• 2421zeaman: My list generates 10 items. Now I want it to generate 10 more items when it reaches the bottom. I want an infinite list with limited items.

Answer 1

This plugin works like you want: Infinite ListView