我有一个顶部部分,其中包含代码:">A">B">C">D">E";
如果我只是使用这些文本,我可以只使用Row
小部件,并用Expanded
包装每个小部件。
然而,当我点击这些字母中的每一个时,它们都会扩展到相应的值。
例如,当点击A时,它将变为匿名。
顶部部分现在将变为:">匿名">B">C">D">E";
如果屏幕不够宽,将导致overflow error
。
我希望的是,如果设备的屏幕足够宽,它将均匀地适合所有Text
小部件。否则,它将水平滚动。
使用CustomMultiChildLayout
或编写自己的自定义渲染对象将是处理这种情况的最有效方法。
一个稍微次优但仍然非常好的方法是使用TextPainter
来计算每个文本的宽度,并使用LayoutBuilder
来获得可用的总宽度,然后自己计算来决定它们是否适合,然后相应地设计布局。