Question

我遵循了这个tutorial，它工作正常。我的BottomAppBar和FAB在中间。我的BottomAppBar页面的脚手架是：

Scaffold(
      backgroundColor: Colors.grey[100],
      body: IndexedStack(
        index: _page,
        children: <Widget>[
          Tab1(),
          Tab2(),
        ],
      ),
      bottomNavigationBar:FABBottomAppBar(
        centerItemText: 'Add',
        color: Colors.grey,
        selectedColor: Colors.orange,
        notchedShape: CircularNotchedRectangle(),
        onTabSelected: onPageChanged,
        items: [
          FABBottomAppBarItem(iconData: Icons.event, text: 'Tab1'),
          FABBottomAppBarItem(iconData: Icons.event, text: 'Tab2'),
          FABBottomAppBarItem(iconData: Icons.event, text: 'Tab3'),
          FABBottomAppBarItem(iconData: Icons.event, text: 'Tab4'),
        ],
      ),
      // Theme.of(context).accentColor
      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      floatingActionButton: _buildFab(
          context), // This trailing comma makes auto-formatting nicer for build methods.
    );

在第一个标签上，我有一个简单的页面，在另一页面上有一个链接，称为“登录”：

Navigator.pushNamed(MaterialPageRoute(builder: (_) => LoginView()))

我的问题是，在此页面上，我仍具有此新页面中BottomAppBar上的FAB按钮。底部栏消失了，但FAB消失了。

也许当我使用Navigator.pushNamed时，它保留了BottomBar的脚手架吗？但是，如果是这种情况，为什么只显示Fab而不显示整个底部栏？

谢谢！

带有Fab的BottomAppBar：Fab通过导航停留

0 个答案: