flutter - 如何在 Flutter 中创建和使用响应式主题？

Question

当尝试从 MaterialApp 访问 MediaQuery 时，我正在使用不包含 MediaQuery 的上下文调用 MediaQuery.of()。:

return new MaterialApp(
  title: 'Flutter Demo',
  theme: getTheme(MediaQuery.of(context)),
  home: new Container(),
);

Answer 1

改用 MaterialApp 的 builder。这样您就可以在 Theme 中使用由 MatetialApp 实例化的 MediaQuery。

new MaterialApp(
  builder: (context, child) {
    return new Theme(
      data: getTheme(MediaQuery.of(context)),
      child: child,
    );
  },
  home: new ChatScreen(),
),