Shutter bottomnavigationbar with page switching example

Go straight to the code

class BottomNavigationBarPage extends StatefulWidget {
  const BottomNavigationBarPage({super.key});

  @override
  State<BottomNavigationBarPage> createState() => HomeState();
}

class HomeState extends State<BottomNavigationBarPage> {
  int _selectedIndex = 0;
  late final PageController _controller;
  List<Widget> list = [
    const MessagePage(),
    const MenuPage(),
    const SettingPage(),
  ];

  @override
  void initState() {
    super.initState();
    _controller = PageController(initialPage: _selectedIndex);
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: PageView.builder(
        controller: _controller,
        physics: const NeverScrollableScrollPhysics(), // No sliding 
        itemCount: list.length,
        itemBuilder: (context, index) => list[index],
      ),
      bot