flutter - BottomAppBar float 操作按钮缺口/插图不透明

Question

我已经添加了一个 BottomAppBar 来在 materialApp 中搭建脚手架，并且我在中心添加了一个带有插图的 fab。代码看起来有点像这样

Scaffold(
    bottomNavigationBar: BottomAppBar(
        color: Theme.of(context).accentColor,
        shape: CircularNotchedRectangle(),
        child: _buildBottomBar(context),
    ),
    floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
    floatingActionButton: FloatingActionButton(
        backgroundColor: Theme.of(context).primaryColor,
        child: Center(
        child: Icon(
            Icons.add,
            size: 32.0,
        ),
        ),
        onPressed: () {
        Navigator.push(
            context,
            MaterialPageRoute(builder: (context) => CreateEvent()),
        );
        },
    ),
)

这就是我在渲染后得到的:

缺口不透明，后面的内容被隐藏了。

有没有办法解决这个问题？我可能错过了什么？

Answer 1

你只需要在flutter channel :ma​​ster，然后添加到Scaffold:

Scaffold(
   extendBody: true
);

它应该是透明的:)

问候

钢筋

更新:

您无需在主 channel 上。它无处不在:)