ios - bottomNavigationBar 使用 iPhone X

Question

我有一个 bottomNavigationBar 的问题，这个问题只发生在 iPhone X 上，因为 BNB 下方出现了一些填充，就好像它在 SafeArea 小部件内(但实际上不是)

那么，我怎样才能删除那个填充？或者以某种方式给它上色？

这是我的构建函数代码

  @override
  Widget build(BuildContext context) {
return new Scaffold(
  
  appBar: _buildAppBar(),
  drawer: _buildDrawer(),
  body: _isLoading
      ? Center(
          child: CircularProgressIndicator(),
        )
      : new Container(
        color: Colors.white,
        child: _unauthorizedOrders()),
  // floatingActionButton: FloatingActionButton(
  //   onPressed: () {},
  //   backgroundColor: primaryColor,
  //   child: Icon(Icons.flash_on, size: 30.0,),
  //   tooltip: 'Authorize Orders',
  // ),
  // floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
  backgroundColor: Colors.red,
  bottomNavigationBar: BottomAppBar(
      child: Container(
    height: 40.0,
    color: primaryColor,
    child: Row(
      children: <Widget>[
        // Padding(
        //   padding: const EdgeInsets.only(left: 10.0),
        //   child: Text(
        //     'Orders: ${orders.length}',
        //     style: TextStyle(
        //         color: Colors.white,
        //         fontSize: 18.0,
        //         fontWeight: FontWeight.bold),
        //   ),
        // ),
      ],
    ),
  )),
);
  }

编辑:我已经将 backgroundColor 添加到脚手架，移除了停靠的 FAB 并将主体包裹在容器中以将其涂成白色，仍然不起作用，我已经更新了上面的代码以显示它

Answer 1

使用

SafeArea(
    child: BottomAppBar(...)
);