flutter - 在底部导航栏颤动中删除底部阴影效果

Question

iPhone 11 的底部导航栏有如上图所示的底部阴影，有什么办法可以去除阴影？

floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
    bottomNavigationBar: BottomAppBar(
      clipBehavior: Clip.antiAliasWithSaveLayer,
      shape: CircularNotchedRectangle(),
      child: Theme(
        data: Theme.of(buildContext)
            .copyWith(canvasColor: Colors.white, primaryColor: Colors.grey),
        child: BottomNavigationBar(
          onTap: (index){
            
          },
          type: BottomNavigationBarType.fixed,
          items: bottomNavigationBar.map((element) {
            return BottomNavigationBarItem(
                icon: Icon(element["icon"]), title: Text(element["title"]));
          }).toList(),
        ),
      ),
    ));

编辑：这是我设置海拔后得到的结果：0

编辑：添加安全区域bottomAppBar阴影问题解决后，但是否可以保留我以前的状态栏颜色（缺口区域）？

标签： flutterdart

Answer 1

在您的 BottomNavigationBar 中放置elevation: 0.0 示例：

child: BottomNavigationBar(
        type: BottomNavigationBarType.fixed,
        backgroundColor: Theme.of(context).primaryColor,
        elevation: 0.0,

底部导航栏