dart - 如何设置 Flutter iPhone X 安全区

Question

我在这个项目中使用 Flutter 的原因是为了在 1 个代码库中同时获得 Android 和 iphone。 Android 应用程序看起来不错，底部导航栏位于屏幕主页上。

然而，iphone 版本遇到了 iphone X 型号上的向上滑动条。

有办法解决吗？我希望能够调整它，但我不想要阴影，我只想要一种纯色。

我使用了 SafeArea，虽然它确实修复了它。它还导致酒吧向上移动并且看起来很奇怪。

bottomNavigationBar: SafeArea(
     child: bmnav.BottomNav(
      elevation: 9.0,
      index: _currentTab,
      iconStyle: bmnav.IconStyle(
          color: Colors.grey, onSelectColor: Colors.lightGreen),
      labelStyle: bmnav.LabelStyle(
          onSelectTextStyle: TextStyle(color: Colors.lightGreen)),
      onTap: (int index) {
        setState(() {
          _currentTab = index;
        });
      },
      items: [
        bmnav.BottomNavItem(Customicons.main, label: "Home"),
        bmnav.BottomNavItem(Customicons.bible, label: "Bible"),
        bmnav.BottomNavItem(Customicons.sermons, label: "Sermons"),
        bmnav.BottomNavItem(FontAwesomeIcons.pray, label: "Prayer"),
        bmnav.BottomNavItem(Icons.more_horiz, label: "More"),
      ]),
),

这是有安全区和没有安全区的样子。但我正在寻找的是销售外观，基本上就像一个大的底部导航栏。

Answer 1

return SafeArea(
  bottom: true,
  child: bmnav.BottomNav(),
)