flutter ListView KeepAlive after some scroll

NIRAV PATEL picture NIRAV PATEL · Sep 27, 2018 · Viewed 12.4k times · Source

I want to keepAlive my widgets which are already rendered in ListView. I was tried with addAutomaticKeepAlives:true properties which provide by ListView class.

Here is my sample code which I was used. Same issue in SliverChildBuilderDelegate delegate which provide by SliverList.

ListView.builder(
    itemBuilder: (context,index){
      return Card(
        child: Container(
          child: Image.asset("images/${index+1}.jpg",fit: BoxFit.cover,),
          height: 250.0,
        ),
      );
    },
    addAutomaticKeepAlives: true,
    itemCount:40 ,
);

Answer

Rémi Rousselet picture Rémi Rousselet · Sep 27, 2018

For automaticKeepAlive to work, each item that needs to be kept alive must send a specific notification.

A typical way to fire such notification is using AutomaticKeepAliveClientMixin

class Foo extends StatefulWidget {
  @override
  FooState createState() {
    return new FooState();
  }
}

class FooState extends State<Foo> with AutomaticKeepAliveClientMixin {
  @override
  Widget build(BuildContext context) {
    return Container(

    );
  }

  @override
  bool get wantKeepAlive => true;
}