Flutter - 动态小部件定位
Posted
技术标签:
【中文标题】Flutter - 动态小部件定位【英文标题】:Flutter - Dynamic widget positioning 【发布时间】:2018-11-27 03:07:17 【问题描述】:我正在为 Flutter 应用创建一个小部件,并且想知道如何处理不同的屏幕尺寸。
在理想情况下,我有三个 FlatButtons 并排。但是当我在小屏幕上测试时,最后一个按钮在右侧溢出(屏幕上有黑色和黄色条纹,并显示小部件溢出的消息)。
我最初的选择是让溢出的小部件放在前两个下面以备不时之需,但我该如何实现呢?
更一般地说,即使屏幕太小,我应该怎么做才能很好地渲染我的小部件?
【问题讨论】:
我不认为有一个普遍的答案。 docs.flutter.io/flutter/widgets/Wrap-class.html 可能适用于mentioend 用例。 docs.flutter.io/flutter/widgets/MediaQuery-class.html 允许您根据屏幕大小进行不同的布局。 谢谢,这应该可以解决我的问题:) 【参考方案1】:我不认为有一个普遍的答案。 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
【讨论】:
以上是关于Flutter - 动态小部件定位的主要内容,如果未能解决你的问题,请参考以下文章