Flutter 在底部导航栏控件中间放置一个按钮
我有这个密码Flutter 在底部导航栏控件中间放置一个按钮,flutter,Flutter,我有这个密码 bottomNavigationBar: BottomNavigationBar( type: BottomNavigationBarType.fixed, items: const <BottomNavigationBarItem>[ BottomNavigationBarItem( icon: Icon(Icons.restaurant_menu), title: Text('Recipes'),
bottomNavigationBar: BottomNavigationBar(
type: BottomNavigationBarType.fixed,
items: const <BottomNavigationBarItem>[
BottomNavigationBarItem(
icon: Icon(Icons.restaurant_menu),
title: Text('Recipes'),
),
BottomNavigationBarItem(
icon: Icon(Icons.list),
title: Text('Plans'),
),
BottomNavigationBarItem(
icon: Icon(Icons.shopping_cart),
title: Text('Groceries'),
),
BottomNavigationBarItem(
icon: Icon(Icons.account_circle),
title: Text('Account'),
),
],
currentIndex: _selectedIndex,
onTap: _onItemTapped,
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: () {},
),
floatingActionButtonLocation:
FloatingActionButtonLocation.miniCenterDocked,
);
bottomNavigationBar:bottomNavigationBar(
类型:BottomNavigationBarType.fixed,
项目:常数[
底部导航气压计(
图标:图标(图标。餐厅菜单),
标题:文本(“配方”),
),
底部导航气压计(
图标:图标(Icons.list),
标题:文本(“计划”),
),
底部导航气压计(
图标:图标(图标。购物车),
标题:文本(“杂货”),
),
底部导航气压计(
图标:图标(图标、账户和圆圈),
标题:文本(“账户”),
),
],
currentIndex:_selectedIndex,
onTap:\u未映射,
),
浮动操作按钮:浮动操作按钮(
子:图标(Icons.add),
按下:(){},
),
浮动操作按钮位置:
FloatingActionButtonLocation.miniCenterDocked,
);
看起来像这样
<按钮】我希望它在底部导航栏的中间。我想进去
像这样
如果您找不到解决方案,您可以使用container并使用row从头开始构建它 在这种情况下,您可以使用中心小部件
不要忘记将名为extend in scaffold的属性设置为true如果您找不到解决方案,可以使用container并使用row从头开始构建它 在这种情况下,您可以使用中心小部件
不要忘记将名为extend in scaffold的属性设置为true而不是使用浮动操作按钮,您只需添加另一个BottomNavigationBarItem,并将标题设置为没有高度的容器(这样标题实际上为null,但不会导致BottomNavigationItem需要非null标题的问题),以及设置颜色。 e、 g
不使用浮动操作按钮,只需添加另一个BottomNavigationBarItem,并将标题设置为没有高度的容器(这样标题实际上为空,但不会导致BottomNavigationItem需要非空标题的问题),以及设置颜色。 e、 g
BottomNavigationBarItem(
icon: Icon(Icons.add_circle, size: 40, color: Colors.blue,),
title: Container(height: 0.0,)
),