如何设置 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(),
)