在 Flutter MediaQuery.of(context).size.width 中使用 device_preview 插件不会给出模拟手机的 witdh

Question

为了在 Flutter 中练习响应式设计，我决定使用 device_preview。我尝试了不同的手机。但每次我都得到原始设备的宽度。

例如，原始设备的宽度为1700px，但模拟设备的宽度为600px。我无法获取模拟设备的宽度。

是否有任何设置可以解决该问题？或者说基本上就是这样运作的？

Answer 1

我漏掉了一点。在

MaterialApp

中，我们应该添加

locale

和

builder

来消耗模拟设备的屏幕尺寸。

    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
            locale: DevicePreview.of(context).locale,
            builder: DevicePreview.appBuilder,
            home: MyApp());
      }
    }

Answer 2

将应用程序的 useInheritedMediaQuery 设置为 true。

Answer 3

既然 useInheritedMediaQuery 已被弃用，有人能解决这个问题吗？

https://github.com/aloisdeniel/flutter_device_preview/issues/226