Shutter bottomnavigationbar toggle page hold

1、tabBar Each corresponding page implements AutomaticKeepAliveClientMixin, Value changed to true

2、tabBar For each page build() Method call super.build(context);

3、PageView Set in physics: const NeverScrollableScrollPhysics(), // No sliding

return Scaffold(
   body: PageView.builder(
     controller: _controller,
     physics: const NeverScrollableScrollPhysics(), // No sliding 
     itemCount: list.length,
     itemBuilder: (context, index) => list[index],
   ),
   bottomNavigationBar: initBottomNavigationBar(),
 );

/// Setup page 
class SettingPage extends StatefulWidget{
  const SettingPage({Key? key}):super(key: key);

  @override
  State<SettingPage> createState() =>SettingState();

}

/// Realization AutomaticKeepAliveClientMixin
class SettingState extends State<SettingPage> with AutomaticKeepAliveClientMixin{

  @override
  Widget build(BuildContext context) {
    super.build(context);  // call super.build(context);
    return Scaffold(
      appBar: AppBar(title: const Text(" Set up the center "),),
    );
  }

  @override
  bool get wantKeepAlive => true;  // Change it to true
}

Concrete realization

Detailed code view Flutter BottomNavigationBar With page switching example