我没试过，但我觉得应该可以

Container(
  color: Colors.black,
  child: SafeArea(
    child: YourWidget(),
  )
)

我认为你可以不用SystemChrome类就能实现这个目标，一种方法是用Theme小部件 Package BottomNavigationBar，使用它的canvasColor属性并将Colors.transparent赋给它，如下所示：

bottomNavigationBar: Theme(
        data: Theme.of(context)
            .copyWith(canvasColor: Colors.transparent),
        child: BottomNavigationBar(
          currentIndex: 0,
          items: [
            BottomNavigationBarItem(
                icon: Icon(Icons.home), title: Text('Home')),
            BottomNavigationBarItem(
                icon: Icon(Icons.home), title: Text('Home')),
            BottomNavigationBarItem(
                icon: Icon(Icons.home), title: Text('Home'))
          ],
        ),
      ),

上面会导致这样的结果：

要删除shadow effect，请使用elevation属性并将0传递给它，这将生成透明的navigation bar，如下所示：

这样，如果您更改支架的背景颜色，导航栏将显示为透明色。
希望这能回答你的问题

把你的导航条放在一个容器中。然后不给予容器任何颜色，它会自动将颜色设置为透明。要将容器与底部对齐，你可以这样做。希望这会起作用。
Flutter

Align(
              alignment: Alignment.bottomLeft,
              child: Container(
                width: MediaQuery.of(context).size.width,
                height: 50.0,
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                  children: <Widget>[

                  ],
                ),
              ),
            )

你的解决方案是不够的，你应该使用以下方式也：

SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge,
    overlays: [SystemUiOverlay.top]);