ios - 将底部导航栏扩展到安全区域

Question

我有以下屏幕

这是代码：

return Scaffold(
      backgroundColor: Palette.light,
        body: RefreshIndicator(
            onRefresh: () => MatchesController.refresh(matchesState, matchId),
            child: CustomScrollView(
              slivers: [
                MatchAppBar(matchId: matchId),
                SliverList(
                  delegate: SliverChildBuilderDelegate(
                    (BuildContext context, int index) {
                      return widgets[index];
                    },
                    childCount: widgets.length,
                  ),
                )
              ],
            )),
        bottomNavigationBar: SafeArea(child: BottomBarMatch(match: match)),

问题是我想使用SafeArea并且bottomBarMatch有Scaffold不同的颜色。

我希望底栏下方的空间与底栏的颜色相同。如果我向上移动SafeArea一层，我会看到它是黑色的（我猜是系统颜色）

Answer 1

而不是使用SafeArea小部件，我建议添加填充

MediaQuery.of(context).padding.bottom

到您的BottomBarMatch小部件

将此填充给小部件的白色小BottomBarMatch部件，您将获得相同的安全区域，但在BottomBarMatch