如何实现每行控件数量随控件宽度变化的GridView

原生GridView（无论Android还是Flutter）都是基于固定列数的网格布局，无法直接满足「每行控件数量由自身宽度决定」的需求，得换用更适配的布局方案，分平台给你具体实现思路：

Android 端实现 #

方案1：自定义 FlowLayout #

这是最直接的方案，FlowLayout本身就是按子控件尺寸自动换行的布局。你可以自己实现一个轻量版：

• 核心逻辑：遍历所有子View，逐个测量宽度，计算当前行剩余空间，若当前子View宽度超出剩余空间则换行，否则放置在当前行。
• 关键代码片段：

@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
    int childCount = getChildCount();
    int currentLineWidth = 0;
    int currentLineHeight = 0;
    int top = getPaddingTop();
    int left = getPaddingLeft();

    for (int i = 0; i < childCount; i++) {
        View child = getChildAt(i);
        measureChild(child, r - l, b - t);
        int childWidth = child.getMeasuredWidth();
        int childHeight = child.getMeasuredHeight();

        // 剩余空间不足，换行
        if (currentLineWidth + childWidth > getWidth() - getPaddingLeft() - getPaddingRight()) {
            top += currentLineHeight + getVerticalSpacing();
            left = getPaddingLeft();
            currentLineWidth = 0;
            currentLineHeight = 0;
        }

        child.layout(left, top, left + childWidth, top + childHeight);
        currentLineWidth += childWidth + getHorizontalSpacing();
        currentLineHeight = Math.max(currentLineHeight, childHeight);
    }
}

• 额外处理：记得添加横向/纵向间距、内边距的支持，重写onMeasure计算整个布局的总高度。

方案2：RecyclerView 配合自定义 LayoutManager #

如果需要处理大量可滚动数据，用RecyclerView更高效：

• 自定义LayoutManager，重写onLayoutChildren和generateDefaultLayoutParams方法，逻辑和上述FlowLayout类似，额外处理RecyclerView的视图回收复用机制即可。

Flutter 端实现 #

直接用 Wrap 组件即可，它天生适配「按子控件大小自动换行」的场景，比GridView更贴合需求：

SingleChildScrollView(
  child: Wrap(
    spacing: 8.0, // 子控件横向间距
    runSpacing: 8.0, // 行间距
    children: [
      Container(width: 100, height: 50, color: Colors.red),
      Container(width: 150, height: 50, color: Colors.blue),
      Container(width: 80, height: 50, color: Colors.green),
      // 更多不同宽度的控件
    ],
  ),
)

• 如果需要每行高度对齐，可通过alignment属性设置，比如WrapAlignment.start；
• 若一定要用GridView，需自定义SliverGridDelegate，但Wrap实现成本低得多，优先推荐。

注意事项 #

• Android端要确保子View的测量模式为wrap_content，保证能正确返回自身宽度；
• Flutter端若子控件宽度为动态计算（比如文本自适应宽度），需确保控件能正确算出自身尺寸，Wrap才能准确换行。

内容的提问来源于stack exchange，提问作者Efim Rubin