1

一番下のナビゲーションバー項目がリストからデータを取得する一番下のナビゲーションバーを作成するには?

フラッタードキュメントの下部ナビゲーションバーの例

bottomNavigationBar: BottomNavigationBar(
    items: const <BottomNavigationBarItem>[
      BottomNavigationBarItem(
        icon: Icon(Icons.home),
        label: 'Home',
      ),
      BottomNavigationBarItem(
        icon: Icon(Icons.business),
        label: 'Business',
      ),
      BottomNavigationBarItem(
        icon: Icon(Icons.school),
        label: 'School',
      ),
    ],
    currentIndex: _selectedIndex,
    selectedItemColor: Colors.amber[800],
    onTap: _onItemTapped,
  ),
4

2 に答える 2

0

これを試して：

List<String> items = ['Home', 'Business', 'School'];

bottomNavigationBar: BottomNavigationBar(
    items: items.map((item) {
        Widget itemIcon = Icon(Icons.home);

        if(item == 'Home')
        {
          itemIcon = Icon(Icons.home),
        }else if(item == 'Business')
        {
          itemIcon = Icon(Icons.business),
        }else if(item == 'School')
        {
          itemIcon = Icon(Icons.school),
        }

        BottomNavigationBarItem(
          icon: itemIcon ,
          label: item,
        ),
      }).toList(),
    currentIndex: _selectedIndex,
    selectedItemColor: Colors.amber[800],
    onTap: _onItemTapped,
  ),
于 2021-06-18T07:34:55.943 に答える