浮动操作按钮中心停靠，重叠任何屏幕或对话框？

Question

我正在底部导航栏中的FloatingActionButton（FAB）中使用动画图标。但是FAB覆盖了BottomAppBar中打开的任何页面或对话，我该如何解决？

当我使用Navigator.push，Navigator.pushNamed，modalBottomSheet或对话框打开新页面时，晶圆厂将它们重叠。
仅在我使用pushReplacementNamed打开新页面时有效。

如何显示没有工厂的modalSheet和仅使用pushNamed的页面？

我使用this参考。

floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
        floatingActionButton: _buildFab(context, model),
        bottomNavigationBar: BottomAppBar(
          color: CustomTheme.getThemeData(context).getAccentColor(),
          shape: CircularNotchedRectangle(),
          notchMargin: 4.0,
          child: new Row(
            mainAxisSize: MainAxisSize.max,
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              IconButton(
                icon: Icon(Icons.menu),
                onPressed: () => _showModal(),

              ),
              IconButton(
                icon: Icon(Icons.home),
                onPressed: () => {},
              ),
            ],
          ),
        ),

这是我的FAB

当显示模态或任何页面时就会发生这种情况

请帮助我。 我不知道该怎么办：-（

Answer 1

如果莫代尔底板发生这种情况，请尝试增加底板的高度。像这样

showModalBottomSheet(context: context, builder: (context) {
  return AddressChangeBottomSheet(
      title: "Change Area",
      showAddress: false,
      cityAreaList: list, onAddressChangeSubmit: () {
    mainBloc.fetchUpdatedUser();
  });
}, elevation: 10.0)