Preload a Tab in TabBarView

Question

I have my flutter app with 3 tabs. When the app loads, I want it to load all 3 pages and not only the one it will show. My problem is, that when swiping to my other tab, it takes a second to load the content and then it animates. What is the proper way to preload a tab for this case? Or is it done by saving the widget into a variable?

Answer 1

I use it like this, it won't take any second to load the tab page.

@override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 3, //The number of tabs
      child: Scaffold(
        appBar: AppBar(
          title: Text('Your tabs page title'),
          bottom: TabBar(
            tabs: <Widget>[
              Tab(
                icon: Icon(Icons.someIcone),
                text: 'Page-1',
              ),
              Tab(
                icon: Icon(Icons.list),
                text: 'Page-2',
              ),
              Tab(
                icon: Icon(Icons.list),
                text: 'Page-3',
              ),

            ],
          ),
        ),
        body: TabBarView(
          children: <Widget>[
            PageOne(),
            PageTwo(),
            PageThree(),
          ],
        ),
      ),
    );
  }