我正在开发Flutter应用程序,并在底部导航栏的中央添加了一个FAB按钮。但是,当我启动应用程序时,我发现显示了2个独立的FAB按钮。
我正在使用以下代码:
@override
Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
appBar: AppBar(
title: new Text("itsmee."),
),
drawer: sideDrawer(),
body: _loadTabbedScreen(),
bottomNavigationBar: FABBottomAppBar(
// centerItemText: 'A',
color: Colors.grey,
selectedColor: Colors.red,
notchedShape: CircularNotchedRectangle(),
onTabSelected: _selectedTab,
items: [
FABBottomAppBarItem(iconData: Icons.home, text: 'Home'),
FABBottomAppBarItem(iconData: Icons.search, text: 'Search'),
FABBottomAppBarItem(iconData: Icons.favorite, text: 'Review'),
FABBottomAppBarItem(iconData: Icons.person, text: 'Profile'),
],
),
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
floatingActionButton: _buildFab(context), // This trailing comma makes auto-formatting nicer for build methods.
);
}
作为参考,我正在添加应用的屏幕截图
答案 0 :(得分:0)
您似乎同时使用了BottomNavigationBar
和Scaffold
。看看您的Scaffold
的定义是在FAB
上方创建Profile
的地方。