如何使用新的ThemeData重绘整个应用程序？

Question

我有2个ThemeData瓦尔和SwitchListTile用下面的代码：

new SwitchListTile(
                      value: applyDarkTheme,
                      title: const Text('Appy dark theme?'),
                      onChanged: (bool value) {
                        setState(() {
                          applyDarkTheme = value;
                        });
                      })

applyDarkTheme是仅在首次创建应用程序时检查的变量：

return new MaterialApp(
  title: 'Test Application',
  home: new MyHomePage(title: 'Test app'),
  theme: settings.applyDarkTheme ? AppThemes.dark : AppThemes.light,
  routes: _routes,
);

更改开关状态后，如何使用新的ThemeData重新绘制应用程序？

Answer 1

您可能需要考虑将MaterialApp嵌套在StatefulWidget中

• 有状态和无状态小部件
• 有状态的小部件

Flutter Gallery示例应用程序在其GalleryApp小部件中执行此操作。

• 使用简单，轻便的StatefulWidget类，例如GalleryApp
• 这将创建相应的GalleryAppState类。
• 此类具有GalleryTheme _galleryTheme实例变量
• 您需要在setState（）方法[ref]中设置/更改此值。
• 然后，您可以将它们传递给MaterialApp构造函数

这是修改后的代码段

class GalleryApp extends StatefulWidget {
  @override
  GalleryAppState createState() => new GalleryAppState();
}

class GalleryAppState extends State<GalleryApp> {
  GalleryTheme _galleryTheme = kAllGalleryThemes[0];
  ...

  @override
  Widget build(BuildContext context) {
    Widget home = new GalleryHome(
      galleryTheme: _galleryTheme,
      onThemeChanged: (GalleryTheme value) {
        setState(() {
          _galleryTheme = value;
        });
      },
      ...
    );

    ...

    return new MaterialApp(
      ...
      home: home,
    );
  }
}