flutter - 如何让这个flutter屏幕根据不同的屏幕尺寸做出响应？

Question

我也尝试了一些插件来响应这个应用程序屏幕。但它不起作用。如何使用 mediaquery 创建这个响应？mediaquery 是否足够？

标签： flutterwebmobileresponsive-designresponsive

Answer 1

要使用 MediaQuery 类使 Flutter 应用程序响应，您可以修改构建函数，如下所示：

 @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: Theme.of(context).accentColor,
        body: MediaQuery.of(context).size.width > 600
            ? _landscapeforWeb()
            : _portraitLayout());
  }

如果宽度大于 600，它会相应地返回一个更大的视图。MediaQuery 确实对我有用，并且足以在 Flutter 中进行响应式设计。