如何在Flutter中创建和使用自适应主题？

Question

我尝试从MediaQuery.of() called with a context that does not contain a MediaQuery.访问MediaQuery时收到MaterialApp：

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

Answer 1

return new MaterialApp(
      title: 'Flutter Demo',
      theme: getTheme(new MediaQueryData.fromWindow(ui.window)),
      home: new Container(),
    );

感谢Günter：）

Answer 2

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

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