flutter - flutter 中的透明状态栏

Question

我刚开始使用 flutter 和 android studio，我想知道是否有办法像 Android 上的图片那样制作一个透明的状态栏(没有从状态栏到 appBar 的过渡)。当我尝试设置状态栏颜色时，它的颜色与 appBar 不同。谢谢

Answer 1

您可以使用 AnnotatedRegion 小部件和 SystemUiOverlayStyle 来更改镶边样式。

import 'package:flutter/services.dart';

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return AnnotatedRegion<SystemUiOverlayStyle>(
      value: SystemUiOverlayStyle(
        statusBarColor: Colors.transparent,
      ),
      child: Scaffold(...),
    );
  }
}

您可以阅读更多关于 SystemUiOverlayStyle 的可能性 here .