如何制作一个底部导航栏,其中底部导航栏项目从列表中获取数据?
flutter documentation中的底部导航栏示例
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,
),
3条答案
按热度按时间bf1o4zei1#
1.创建自定义类
1.创建选项卡列表:
1.创建一个方法以循环访问
_items
集合并返回List<BottomNavigationBarItem>
1.最后,调用方法:
答案是由@Muldec的回应启发而来的:Flutter: Show different icons based on value
zynd9foi2#
试试这个:
t1qtbnec3#
不允许评论吉姆的消息。我用他的代码(工作正常),但需要更正这里,我认为:
),