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 - 动态小部件定位的主要内容,如果未能解决你的问题,请参考以下文章

Flutter - 堆栈中定位的小部件导致异常

Flutter Container 在 Row 小部件内定位或对齐

Flutter:在堆栈小部件中动态添加拖放小部件

Flutter - 动态构建小部件

Flutter - 动态传递导航小部件名称

在flutter中使用listview.builder添加多个彼此不同的动态小部件