如何使现有的Flutter应用程序项目具有响应性

Question

我目前正在做一个Flutter项目，当我在各种不同尺寸和屏幕尺寸的android手机上尝试它时，我突然意识到它没有响应。有些情况下，当手机很大时，文本和图像不在正确的位置，有些溢出。我的项目已经进行到一半了，但我不知道它会如何回应。任何想法都将不胜感激。谢谢

Answer 1

您可以使用LayoutBuilder进行响应，如：

LayoutBuilder(
builder: (BuildContext context, BoxConstraints constraints) {
if (constraints.maxWidth  >= 600){
return Widget(...); // if bigger than
}
return Widget(); // else use default
}
)

您可以使用BoxConstraints方法并检查以显示不同的布局和小部件

您也可以使用MediaQuery，只需搜索即可，但当我们谈论不同设备中的整个页面结构时，最好使用LayoutBuilder

有大量的视频可供您使用：

• 来自youtube的视频

Answer 2

您可以阅读链接中的视频和文档。它提供了有关制作响应式应用程序的良好信息。