android - Flutter 状态栏透明

Question

如何使状态和选项栏(底部)透明？
我尝试了很多想法，但它仍然是黑色的，带有白色的文字
这是我已经实现的代码:

Future main() async {
  WidgetsFlutterBinding.ensureInitialized();
...
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      systemStatusBarContrastEnforced: true,
      statusBarColor: Colors.transparent,
      systemNavigationBarColor: Colors.transparent,
      systemNavigationBarDividerColor: Colors.transparent,
      systemNavigationBarIconBrightness: Brightness.light,
      statusBarIconBrightness: Brightness.light));

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

runApp(...)

在我的 Material 应用程序中:

return MaterialApp.router(
      theme: ThemeData(
        appBarTheme: AppBarTheme(
            //systemOverlayStyle: SystemUiOverlayStyle.light,
            backgroundColor: Colors.transparent),
      ),
      color: Colors.transparent,
...

我知道 AppBar 和状态栏是不一样的(只是想包含它)。
提前非常感谢。
更新:
我试图删除 Safearea，它显然与状态和导航栏有冲突。结果是这样的:

现在它仍然不是很透明，而且底部也很乱。有任何想法吗？

Answer 1

正如 Frank Nike 建议的那样，SafeArea 小部件与

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      statusBarColor: Colors.transparent,
      systemNavigationBarColor: Colors.transparent,
systemNavigationBarIconBrightness: Brightness.light
));

因此，为我解决问题的是完全删除 SafeArea 并设置:

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