environment:
 sdk: ">=2.12.0 <3.0.0"

dependencies:
 flutter:
 sdk: flutter

 # 忽略了一些依賴...

 # shared_preferences https://pub.flutter-io.cn/packages/shared_preferences
 shared_preferences: ^2.0.5
 # 全局狀態(tài)管理 https://github.com/rrousselGit/provider/blob/master/resources/translations/zh-CN/README.md
 provider: ^5.0.0

factory ThemeData({
 Brightness brightness, // 應(yīng)用主題亮度，可選（dark、light）
 VisualDensity visualDensity, // 視覺(jué)密度
 MaterialColor primarySwatch, // 主要樣式，設(shè)置primaryColor后該背景色會(huì)被覆蓋
 Color primaryColor, // 主要部分背景顏色（導(dǎo)航和tabBar等）
 Brightness primaryColorBrightness, // primaryColor的亮度
 Color primaryColorLight, // primaryColor的淺色版
 Color primaryColorDark, // primaryColor的深色版
 Color accentColor, // 前景色（文本，按鈕等）
 Brightness accentColorBrightness, // accentColor的亮度
 Color canvasColor, // MaterialType.canvas 的默認(rèn)顏色
 Color shadowColor, // 陰影顏色
 Color scaffoldBackgroundColor, // Scaffold的背景顏色。典型Material應(yīng)用程序或應(yīng)用程序內(nèi)頁(yè)面的背景顏色
 Color bottomAppBarColor, // BottomAppBar的默認(rèn)顏色
 Color cardColor, // Card的顏色
 Color dividerColor, // Divider和PopupMenuDivider的顏色，也用于ListTile之間、DataTable的行之間等。
 Color focusColor, // 突出顏色
 Color hoverColor, // hoverColor
 Color highlightColor, // 高亮顏色,選中在潑墨動(dòng)畫(huà)期間使用的突出顯示顏色，或用于指示菜單中的項(xiàng)。
 Color splashColor, // 墨水飛濺的顏色。InkWell
 InteractiveInkFeatureFactory splashFactory, // 定義由InkWell和InkResponse反應(yīng)產(chǎn)生的墨濺的外觀。
 Color selectedRowColor, // 用于突出顯示選定行的顏色。
 Color unselectedWidgetColor, // 用于處于非活動(dòng)(但已啟用)狀態(tài)的小部件的顏色。例如，未選中的復(fù)選框。通常與accentColor形成對(duì)比。也看到disabledColor。
 Color disabledColor, // 禁用狀態(tài)下部件的顏色，無(wú)論其當(dāng)前狀態(tài)如何。例如，一個(gè)禁用的復(fù)選框(可以選中或未選中)。
 Color buttonColor, // RaisedButton按鈕中使用的Material 的默認(rèn)填充顏色。
 ButtonThemeData buttonTheme, // 定義按鈕部件的默認(rèn)配置，
 ToggleButtonsThemeData toggleButtonsTheme, // 切換按鈕的主題
 Color secondaryHeaderColor, // 選定行時(shí)PaginatedDataTable標(biāo)題的顏色。
 Color textSelectionColor, // 文本框中文本選擇的顏色，如TextField
 Color cursorColor, // 文本框中光標(biāo)的顏色，如TextField
 Color textSelectionHandleColor, // 調(diào)整當(dāng)前選定的文本部分的句柄的顏色。
 Color backgroundColor, // 與主色形成對(duì)比的顏色，例如用作進(jìn)度條的剩余部分。
 Color dialogBackgroundColor, // Dialog元素的背景顏色
 Color indicatorColor, // 選項(xiàng)卡中選定的選項(xiàng)卡指示器的顏色。
 Color hintColor, // 用于提示文本或占位符文本的顏色，例如在TextField中。
 Color errorColor, // 用于輸入驗(yàn)證錯(cuò)誤的顏色，例如在TextField中
 Color toggleableActiveColor, // 用于突出顯示Switch、Radio和Checkbox等可切換小部件的活動(dòng)狀態(tài)的顏色。
 String fontFamily, // 文本字體
 TextTheme textTheme, // 文本的顏色與卡片和畫(huà)布的顏色形成對(duì)比。
 TextTheme primaryTextTheme, // 與primaryColor形成對(duì)比的文本主題
 TextTheme accentTextTheme, // 與accentColor形成對(duì)比的文本主題。
 InputDecorationTheme inputDecorationTheme, // 基于這個(gè)主題的 InputDecorator、TextField和TextFormField的默認(rèn)InputDecoration值。
 TabBarTheme tabBarTheme, // 用于自定義選項(xiàng)卡欄指示器的大小、形狀和顏色的主題。
 TooltipThemeData tooltipTheme, // tooltip主題
 CardTheme cardTheme, // Card的顏色和樣式
 AppBarTheme appBarTheme, // appBar主題
 ColorScheme colorScheme, // 擁有13種顏色，可用于配置大多數(shù)組件的顏色。
 NavigationRailThemeData navigationRailTheme, // 導(dǎo)航邊欄主題
 // ...
 })

MaterialApp(
 theme: ThemeData(
 brightness: Brightness.light,
 // scaffoldBackgroundColor: Color(0xFFF5F5F9),
 ),
 darkTheme: ThemeData(
 brightness: Brightness.dark,
 // scaffoldBackgroundColor: Color(0xFFF5F5F9),
 ),
 themeMode: context.watch<ThemeModel>().theme
);

class Global {
 static late SharedPreferences prefs;

 static ThemeMode theme = ThemeMode.light;

 // 是否為release版
 static bool get isRelease => bool.fromEnvironment("dart.vm.product");

 //初始化全局信息，會(huì)在APP啟動(dòng)時(shí)執(zhí)行
 static Future init() async {
 WidgetsFlutterBinding.ensureInitialized();
 prefs = await SharedPreferences.getInstance();

 // 當(dāng)前本地存儲(chǔ)的主題
 String themeValue = await SpUtils.instance.getStorage(SpConstants.skin);
 theme = themeStringToThemeMode(themeValue);

 //初始化網(wǎng)絡(luò)請(qǐng)求相關(guān)配置
 HttpManager();
 }
}

// Global加載完成后掉用runApp
Global.init().then((e) => runApp());

ThemeMode themeStringToThemeMode(String themeValue){
 ThemeMode theme = ThemeMode.light;
 switch (themeValue) {
 case "light":
  theme = ThemeMode.light;
  break;
 case "dark":
  theme = ThemeMode.dark;
  break;
 case "system":
  theme = ThemeMode.system;
  break;
 }
 return theme;
}

class ThemeModel extends ChangeNotifier {

 // 獲取當(dāng)前主題，如果為設(shè)置主題，則默認(rèn)使用淺色模式
 ThemeMode get theme => Global.theme;

 // 主題改變后，通知其依賴項(xiàng)，新主題會(huì)立即生效
 set theme(ThemeMode themeMode) {
 if (themeMode != theme) {
  Global.theme = themeMode;
  notifyListeners();
 }
 }
}

void main() {
 //頂部狀態(tài)欄透明
 SystemChrome.setSystemUIOverlayStyle(
  SystemUiOverlayStyle(statusBarColor: Colors.transparent));
 Global.init().then((e) => runApp(
  MultiProvider(
   providers: [ListenableProvider<ThemeModel>(create: (_) => ThemeModel())],
   builder: (context, child) {
    return WanAndroid();
   }),
  ));
}

class WanAndroid extends StatelessWidget {
 // This widget is the root of your application.
 @override
 Widget build(BuildContext context) {
 return MaterialApp(
  initialRoute: '/',
  theme: ThemeData(
  brightness: Brightness.light,
  // scaffoldBackgroundColor: Color(0xFFF5F5F9),
  ),
  darkTheme: ThemeData(
  brightness: Brightness.dark,
  // scaffoldBackgroundColor: Color(0xFFF5F5F9),
  ),
  themeMode: context.watch<ThemeModel>().theme,
  routes: {
  '/': (context) => SplashPage(),
  '/index': (context) => IndexPage(),
  '/login': (context) => LoginPage(),
  '/setting': (context) => SettingPage(),
  },
  title: '玩Android-Flutter版',
 );
 }
}

// themeStringToThemeMode方法代碼在上面有寫(xiě)
context.read<ThemeModel>().theme = themeStringToThemeMode(value);