Flutter 模拟器屏幕尺寸/比例动态调整大小、拉伸和缩放答案

【问题标题】：Flutter emulator screen size/ratio dynamic resize, stretch & scaleFlutter 模拟器屏幕尺寸/比例动态调整大小、拉伸和缩放
【发布时间】：2020-08-14 16:35:46
【问题描述】：

我已经找了好几天了

有没有一种解决方案可以让 Flutter 模拟器改变屏幕大小，就像调整浏览器窗口的大小一样，在 vs 代码或 intellijIDEA 中使用 Flutter 测试 ui 设计代码的响应能力？

我只发现可以通过运行flutter_web项目来使用谷歌浏览器，同时将频道更改为flutter频道测试版

在设置框架和调整系统环境变量之后，您还需要将所有导入的 package:flutter/material.dart 更改为 flutter_web/material.dart ，因此您不只是复制库文件和文件夹并将它们粘贴到flutter_web新项目中

这意味着您将拥有两个独立的项目，因此在 google chrome 中动态测试每个响应式屏幕设计的过程将是一个非常漫长的过程，要不断将代码从该项目复制并粘贴到该项目以在 chrome 浏览器上对其进行测试.

必须有一个模拟器，只是具有动态更改模拟器屏幕大小和比例的功能，有什么想法吗？

【问题讨论】：

你可以试试这个pub.dev/packages/device_preview

标签： google-chrome flutter intellij-idea android-emulator

【解决方案1】：

目前，您可以在 Google Chrome 上运行您的应用。为此，只需选择 Chrome 作为您运行该应用的设备。

等待页面加载完毕后按F12并点击“切换设备工具栏”（下图红色箭头所指），即可使用页面调整工具了。

目前为止是最好的方法。

效果很好，试试吧。

【讨论】：

【解决方案2】：

您可以使用此包在不同的屏幕尺寸上测试您的应用 https://pub.dev/packages/device_preview

【讨论】：

【解决方案3】：

据我所知没有！

但是有多个网站获取一个 apk 文件并将其运行到具有不同大小和纵横比的许多不同设备上。

或者，您可以使用 3 到 4 种不同的离线模拟器设备并选择它们的屏幕尺寸，以便覆盖大部分。比如 4 英寸、5 英寸和 7 英寸的手机和一种平板电脑尺寸。

【讨论】：