SystemUiOverlayStyle介绍
Flutter中的SystemUiOverlayStyle是一个类，用于控制应用程序的系统UI（用户界面）覆盖样式。它提供了一种定制应用程序状态栏和导航栏外观的方法。
SystemUiOverlayStyle的属性详解
SystemUiOverlayStyle类有以下属性可以设置：
statusBarColor：状态栏的背景颜色。可以使用Color对象来指定颜色。
statusBarBrightness：状态栏的亮度。可以设置为Brightness.light（浅色）或Brightness.dark（深色）。
statusBarIconBrightness：状态栏上的图标（如时间、电池电量）的亮度。可以设置为Brightness.light（浅色）或Brightness.dark（深色）。
systemNavigationBarColor：导航栏的背景颜色。可以使用Color对象来指定颜色。
systemNavigationBarDividerColor：导航栏底部的分割线颜色。可以使用Color对象来指定颜色。
systemNavigationBarIconBrightness：导航栏上的图标（如返回按钮）的亮度。可以设置为Brightness.light（浅色）或Brightness.dark（深色）。
systemNavigationBarContrastEnforced：是否强制导航栏与背景颜色形成对比。可以设置为true或false。
实例
通过设置这些属性，您可以自定义应用程序的状态栏和导航栏的外观。以下是一个示例，演示如何使用SystemUiOverlayStyle：
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
// 设置SystemUiOverlayStyle
SystemChrome.setSystemUIOverlayStyle(
SystemUiOverlayStyle(
statusBarColor: Colors.blue, // 状态栏背景颜色
statusBarBrightness: Brightness.light, // 状态栏亮度
statusBarIconBrightness: Brightness.dark, // 状态栏图标亮度
systemNavigationBarColor: Colors.red, // 导航栏背景颜色
systemNavigationBarIconBrightness: Brightness.dark, // 导航栏图标亮度
),
);
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('SystemUiOverlayStyle Demo'),
),
body: Center(
child: Text('Hello, World!'),
),
),
);
}
}
在上述示例中，我们设置了状态栏的背景颜色为蓝色，亮度为浅色，图标亮度为深色。导航栏的背景颜色为红色，图标亮度为深色。
请注意，SystemUiOverlayStyle只能在支持的平台上生效，如Android和iOS。在某些平台上，可能无法更改某些属性，或者属性的效果可能有所不同。因此，在使用SystemUiOverlayStyle时，建议在各个平台上进行测试和调整以获得最佳效果。
在Flutter中，通常会创建一个MyApp类并继承自StatelessWidget，作为应用程序的入口点。虽然MyApp是一个StatelessWidget，它并不意味着应用程序没有交互性。实际上，Flutter应用程序可以具有丰富的交互性和动态行为。
以下是为什么通常使用MyApp类并继承自StatelessWidget的一些原因：
基本应用程序结构：MyApp类通常用于定义应用程序的基本结构和布局，例如应用程序的主题、导航栏、底部导航栏等。它可以作为整个应用程序的根部件，并提供应用程序的整体框架。
简化状态管理：StatelessWidget是不可变的，它只接收一组属性并根据这些属性构建UI。对于简单的应用程序，这种不可变性可以简化状态管理，因为不需要处理可变状态。如果应用程序的交互不涉及复杂的状态管理，使用StatelessWidget可以使代码更加简洁和易于理解。
组件复用：MyApp类可以作为一个可重用的顶层部件，它可以在不同的应用程序中使用。通过将常见的应用程序结构和布局包装在MyApp中，您可以更轻松地在多个应用程序之间共享和复用代码。
虽然MyApp是一个StatelessWidget，但您仍然可以在应用程序中引入交互性和动态行为。例如，您可以使用StatefulWidget来处理具有可变状态的组件，处理用户输入、网络请求、动画效果等。在Flutter中，可以在MyApp中嵌套其他StatefulWidget或使用StatefulWidget作为MyApp中的子部件，以实现更高级的交互和动态行为。
总而言之，MyApp类继承自StatelessWidget通常是因为它提供了一个方便的入口点来定义应用程序的基本结构，并且在某些情况下可以简化状态管理。但是，这并不意味着应用程序不能具有交互性。在Flutter中，您可以使用各种技术和组件来实现应用程序的交互和动态行为。
