如何使用MediaQuery构建主题？

Question

开始学习Flutter，所以我在考虑是否可以创建一个返回ThemeData对象的函数，但是在这个函数中我想使用MediaQuery.of(context)。我的意思是，我知道我可以创建这样一个函数，但是如果我在其中使用MediaQuery.of(context)，就会出现一个错误(MediaQuery.of()，调用的上下文不包含MediaQuery)抱怨缺少mediaqueryProvider。我知道我可以在MaterialApp的子元素中使用MediaQuery，但我现在有一个设计问题。想象一下：

ThemeData getTheme(BuildContext context) {
  // I wanna be able to call MediaQuery.of(contex) here
  return ThemeData();
}

MaterialApp(
   home: home,
   // the getTheme() must be able to use MediaQuery. It takes a context and returns a ThemeData object
   theme: theme.getTheme(context),
   routes: routes,
)

谢谢你的帮助。

Answer 1

欢迎加入兄弟会。实际上，要调用MediaQuery，您需要用MaterialApp()包装主小部件，这通常在main.dart文件中完成。下面是一个例子：

void main() => runApp(App());

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}

希望能帮上忙！