在Scaffold组件中,可以通过设置bottomNavigationBar属性来实现底部导航栏的展示。可以在bottomNavigationBar属性中使用BottomNavigationBar组件来自定义底部导航栏的样式和内容。可以在BottomNavigationBar的items属性中添加BottomNavigationBarItem来定义导航栏的每个标签。每个BottomNavigationBarItem可以包含一个图标和文本。
要避免在第二个BottomNavigationBarItem中使用浮动操作按钮,可以简单地跳过在该项目中添加FloatingActionButton组件即可。以下是一个示例代码段,其中第二个BottomNavigationBarItem中不包含FloatingActionButton。
Scaffold(
appBar: AppBar(
title: Text('My App'),
),
body: Center(
child: Text('My Home Page'),
),
bottomNavigationBar: BottomNavigationBar(
items: const [
BottomNavigationBarItem(
icon: Icon(Icons.home),
label: 'Home',
),
BottomNavigationBarItem(
icon: Icon(Icons.person),
label: 'Profile',
),
BottomNavigationBarItem(
icon: Icon(Icons.settings),
label: 'Settings',
),
],
currentIndex: _selectedIndex,
selectedItemColor: Colors.amber[800],
onTap: _onItemTapped,
),
);