如何使用底部標簽欄進行導航

Question

我在BottomTabBar中有四個項目

我需要 go 到TabBar項目上的不同屏幕onTap 。

誰能幫幫我

Answer 1

      int _currentIndex = 0;
    
      final _tabs = [
        HomePageTab(),
        Screen1Tab(),
        Screen2Tab(),
        Screen3Tab(),
      ];

bottomNavigationBar: BottomNavigationBar(
        currentIndex: _currentIndex,
        onTap: _onNavigationBarItemClick,
        fixedColor: Theme.of(context).primaryColor,
        unselectedItemColor: Colors.black,
        items: [
          BottomNavigationBarItem(icon: Icon(Icons.home), label: "Home"),
          BottomNavigationBarItem(
              icon: Icon(Icons.category), label: "Screen 1"),
          BottomNavigationBarItem(
              icon: Icon(Icons.search), label: "Screen 2"),
          BottomNavigationBarItem(
              icon: Icon(Icons.person), label: "Screen 3"),
        ],
      ),
    );

      void _onNavigationBarItemClick(int index) {
        setState(() {
          _currentIndex = index;
        });
      }

並在身體中稱它為；

  body: IndexedStack(
    index: _currentIndex,
    children: _tabs,
  ),

Answer 2

請參考這個。 它可能會解決你的問題