How to maintain state of pages in TabBarView in Flutter?

Question

I have used TabBarView as my page holder for BottomNavigationBar instead of Indexed stack. But this does refresh the page every time tab is changed. The state is not maintained. What to do?

Answer 1

Using AutomaticKeepAliveClientMixin flutter.dev

class _SampleScaffoldSate extends State<SampleScaffold> with AutomaticKeepAliveClientMixin {

  // ... other code

  @override
  bool get wantKeepAlive => true;

}