从静态区域获取ThemeData

Question

我将文本样式保存在单独的text_styles.dart文件中。当我想使用像 Theme.of(context).primaryColor 这样的主题颜色时，我无法从 到达 ThemeData 对象。text_styles.dart我用这种解决方案解决了我的问题，但这不是一个好的解决方案。

TextStyle kWelcomePageHeaderTextStyle(BuildContext context) => TextStyle(
      fontFamily: "Courgette",
      fontSize: 30.0,
      color: Theme.of(context).primaryColor,
    );

所以，我需要从静态区域获取 ThemeData 以便像这样使用我的文本样式。

const kWelcomePageHeaderTextStyle = TextStyle(
      fontFamily: "Courgette",
      fontSize: 30.0,
      color: [THEME_DATA_OBJECT_NEEDED].primaryColor,
    );

我可以从 text_styles.dart 获取 ThemeData 对象还是有更好的解决方案？

Answer 1

我通过依赖注入找到了更好的解决方案。我在 MaterialApp 中注册了依赖项 BuildContext。

void main() {
  final GetIt sl = GetIt.instance;
  runApp(MaterialApp(
     theme: myLightTheme,
     darkTheme: myDarkTheme,
     builder: (BuildContext context, Widget widget) {
          if (!sl.isRegistered<BuildContext>()) {
              sl.registerSingleton<BuildContext>(context);
          }
          return HomePage();
     },
));

然后我可以在静态区域获取主题

const kWelcomePageHeaderTextStyle = TextStyle(
      fontFamily: "Courgette",
      fontSize: 30.0,
      color: Theme.of(sl.get<BuildContext>()).primaryColor,
    );