首页 > 解决方案 > Flutter - 动态小部件定位

问题描述

我正在为 Flutter 应用程序创建一个小部件,并且想知道如何处理不同的屏幕尺寸。

在理想情况下,我并排放置了三个 FlatButton。但是当我在较小的屏幕上测试时,最后一个按钮在右侧溢出(屏幕上有黑色和黄色条纹,并显示小部件溢出的消息)。

我最初的选择是在需要时将溢出的小部件放在前两个下面,但我该如何实现呢?

更一般地说,即使屏幕太小,我应该怎么做才能很好地渲染我的小部件?

标签: widgetflutter

解决方案


我不认为有一个普遍的答案。docs.flutter.io/flutter/widgets/Wrap-class.html 可能适用于mentioend 用例。docs.flutter.io/flutter/widgets/MediaQuery-class.html 允许您根据屏幕大小进行不同的布局。

另请参阅https://github.com/flutter/flutter/wiki/Creating-Responsive-Apps


推荐阅读