首次启动时显示双FAB按钮

时间:2018-12-24 06:07:26

标签: dart flutter

我正在开发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.
    );
  }

作为参考,我正在添加应用的屏幕截图

enter image description here

1 个答案:

答案 0 :(得分:0)

您似乎同时使用了BottomNavigationBarScaffold。看看您的Scaffold的定义是在FAB上方创建Profile的地方。