自 Flutter 2.8.0 版以来，Android 模拟器不尊重 AppBar shadowColor

Question

从 Flutter 2.8.0 版开始，我在 Android 模拟器上得到了奇怪的 UI 表示（在 Android API 28 和 30 上测试）。模拟器在定义为透明的标题下方绘制阴影。

我们使用 AppBar 的 shadowColor 字段将其设置为 Colors.Transparent。在所有硬件设备（Android/iOS 和 iOS 模拟器）上，这会导致应用栏隐藏阴影。

任何人都可以确认此行为并知道我可以在哪里报告此问题或我可以做些什么来确保这实际上只是一个模拟器问题。到目前为止，我还没有找到显示这种阴影的硬件设备。

示例代码：

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(  
      home: Scaffold(
         appBar: AppBar(
      shadowColor: Colors.transparent,
    ),
        body: Center(
          child: MyWidget(),
        ),
      ),
    );
  }
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

Answer 1

在不同的版本或设备中可能有默认设置，您需要手动设置。

void main() {
  SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    statusBarColor: Colors.transparent, // Colors.red and ...
    statusBarIconBrightness: Brightness.light,
  ));
  runApp(MyApp());
}