Flutter：以编程方式导致使用 darkTheme

Question

在 Flutter 中，您可以设置要使用的深色主题，在某些情况下将使用该主题（例如，Android Q 上设置了深色模式）。是否有推荐的方法允许以编程方式覆盖它？例如，响应用户偏好？

我想这可以在应用程序的最顶层完成：

MaterialApp(
    theme: ThemeData.light(),
    darkTheme: ThemeData.dark(),
    themeMode: fromSomeState,
)

但是，我还希望能够在应用程序的各个点以编程方式打开应用程序是否处于暗模式（例如，用于图像选择）：

MediaQuery.of(context).platformBrightness == Brightness.dark;

我也可以尝试更新MediaQueryData 以覆盖platformBrightness，但这只能在MaterialApp 内部完成，这似乎很尴尬。

有没有更好的模式来做这种事情？

Answer 1

您可以查看dynamic_theme

如何使用

只需将Dynamic Theme 添加为MaterialApp 的父级

DynamicTheme(
  defaultBrightness: Brightness.light,
  data: (brightness) => new ThemeData(
    primarySwatch: Colors.indigo,
    brightness: brightness,
  ),
  themedWidgetBuilder: (context, theme) {
    return new MaterialApp(
        .......
    );
  }
)

使用

获取currentBrightness

    DynamicTheme.of(context).brightness;

并使用

设置它

    DynamicTheme.of(context).setBrightness(Theme.of(context).brightness == Brightness.dark? Brightness.light: Brightness.dark);

您可以阅读有关它的更多信息或创建自己的内容，请查看此媒体Post

已编辑

您可以使用检查当前操作系统主题

MediaQuery.of(context).platformBrightness;

并相应地设置主题。