Flutter 如何使用CustomScrollView功能布局网格子项的动态宽度？

如何使用CustomScrollView功能布局网格子项的动态宽度

网格的子元素是文本类型，softWrap属性设置为false，因为我不希望文本数据被放置在多行上，并更改文本小部件的高度

但我不能使用SliverGridDelegateWithMaxCrossAxisExtent进行此设置，因此其横轴具有固定宽度

下面是我需要做的布局示例

文本小部件应该具有固定的高度和动态宽度，如果行需要跨越多行，则布局应该允许这样做，就像示例布局中的红色文本一样

你们推荐在这个布局设计中使用什么小部件（或定制包）

非常感谢你的帮助

这是我目前的代码：

CustomScrollView(
                  slivers: <Widget>[
                    SliverGrid(
                      delegate: SliverChildListDelegate(
                        buildPage(myData), // => List<Text> Text  has (softWrap: false,)
                      ),
                      gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
                        maxCrossAxisExtent: 60.0,
                        childAspectRatio: 1.5,
                        crossAxisSpacing: 5.0,
                        mainAxisSpacing: 5.0,
                      ),
                    ),
                  ],
                ),

CustomScrollView(
条子：[
银栅(
委托：SliverChildListDelegate(
buildPage（myData），//=>列表文本具有（软包装：false，）
),
gridDelegate:SliverGridDelegateWithMaxCrossAxisExtent(
maxCrossAxisExtent:60.0，
儿童方面：1.5，
交叉轴间距：5.0，
主轴间距：5.0，
),
),
],
),

我认为您需要在颤振中使用灵活。它使宽度或高度动态变化。以下是灵活的文档：

你需要设计你的布局。当我看到你的形象时

• 首先使用列进行自上而下的设计或使用ListView/GridView
• 第二，使用灵活的行
• 第三，将您的物品放入灵活的小部件中

---

灵活将使您的布局如您所愿。您可以从每周的Flitter小部件中搜索flexible use或观看flexible。

Hi@skyslar7，您找到解决方案了吗？