Dark Mode 适配

已支持，要求 MPFlutter 2.1.0 版本。

请先阅读微信文档：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/darkmode.html

MPFlutter 通过 MPFlutterDarkmodeManager 类提供信息，可实现以下能力：​

•
检测当前用户屏幕是否为暗色模式​

•
监听暗色、浅色模式变化​

暗色模式主题

需要配合 Material DarkMode Theme 使用，参考代码如下：

代码块

@override​
  Widget build(BuildContext context) {​
    return material.MaterialApp(​
      darkTheme: material.ThemeData(​
        useMaterial3: true,​
        appBarTheme: material.AppBarTheme(​
          color: material.Colors.black,​
          foregroundColor: material.Colors.grey,​
          elevation: 5.0,​
          centerTitle: false,​
        ),​
        platform: material.TargetPlatform.iOS,​
      ),​
      theme: material.ThemeData(​
        useMaterial3: true,​
        appBarTheme: material.AppBarTheme(​
          color: material.Colors.blue,​
          foregroundColor: material.Colors.white,​
          elevation: 5.0,​
          centerTitle: false,​
        ),​
        platform: material.TargetPlatform.iOS,​
      ),​
      themeMode: MPFlutterDarkmodeManager.isDarkmode()​
          ? material.ThemeMode.dark​
          : material.ThemeMode.light,​
);​

监听暗色、浅色变化：

代码块

MPFlutterDarkmodeManager.addThemeListener(() {​
  // Theme 变化，使用 setState 等方式要求 MaterialApp 刷新。​
});​

微信小程序配置

你需要在 app.json 中设置 darkmode: true 才可以启用暗色主题，同时需要在 window 中去掉 backgroundTextStyle 和 navigationBarTextStyle 配置。​

代码块

{​
  "darkmode": true,​
}​
​

Dark Mode 适配​

Dark Mode 适配