未调用 ChangeNotifierProvider

Question

我的 ChangeNotifierProvider 没有被调用....

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider<MyGlobals>(
        builder: (context) => MyGlobals(),
        child: MaterialApp(
          theme: MyGlobals().GetTheme() == "dark" ? ThemeData(fontFamily: 'ERAS', primaryColor: Colors.black, accentColor: Colors.amberAccent, secondaryHeaderColor: Colors.black54):
          ThemeData(fontFamily: 'ERAS', primaryColor: Colors.white, accentColor: Colors.black, secondaryHeaderColor: Colors.white70),
          home: MyHomePage(),
        ));
  }
}

这是 MyGlobals：

String _theme = "dark";

class MyGlobals with ChangeNotifier {


  getTheme() => _theme;


  void setTheme(String _themecolor) {
    _theme = _themecolor;
    notifyListeners();
  }
}

我没有收到任何错误，只是没有被调用。我正在从另一个 .dart 文件调用 setTheme 并且它不是 changenotifierprovider 没有被调用。 MyGlobals 是与上面的 ChangeNotifierProvider 代码分开的 .dart 文件。

Answer 1

您需要一个Consumer 小部件来监听您在Model 中所做的更改，如下所示：

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider<MyGlobals>(
      builder: (context) => MyGlobals(),
      child: Consumer<MyGlobals>(
        builder: (_, model, __) {
          return MaterialApp(
            theme: model.getTheme() == "dark"
                ? ThemeData(
                    fontFamily: 'ERAS',
                    primaryColor: Colors.black,
                    accentColor: Colors.amberAccent,
                    secondaryHeaderColor: Colors.black54)
                : ThemeData(
                    fontFamily: 'ERAS',
                    primaryColor: Colors.white,
                    accentColor: Colors.black,
                    secondaryHeaderColor: Colors.white70),
            home: MyHomePage(),
          );
        },
      ),
    );
  }

然后你可以用这种方式更新你的主题：

Provider.of<MyGlobals>(context).setTheme("your_theme")