如果项目适合设备屏幕,则平均划分空间



我有一个顶部部分,其中包含代码:">A">B">C">D">E";

如果我只是使用这些文本,我可以只使用Row小部件,并用Expanded包装每个小部件。

然而,当我点击这些字母中的每一个时,它们都会扩展到相应的值。

例如,当点击A时,它将变为匿名

顶部部分现在将变为:">匿名">B">C">D">E";

如果屏幕不够宽,将导致overflow error

我希望的是,如果设备的屏幕足够宽,它将均匀地适合所有Text小部件。否则,它将水平滚动。

使用CustomMultiChildLayout或编写自己的自定义渲染对象将是处理这种情况的最有效方法。

一个稍微次优但仍然非常好的方法是使用TextPainter来计算每个文本的宽度,并使用LayoutBuilder来获得可用的总宽度,然后自己计算来决定它们是否适合,然后相应地设计布局。

最新更新