如何解决flutter中的渲染溢出问题？答案

【问题标题】：How to solve this render overflow problem in flutter?如何解决flutter中的渲染溢出问题？
【发布时间】：2021-03-05 04:03:06
【问题描述】：

即使我的父小部件在颤振中展开，我也一直面临这个渲染溢出问题。

下面是我的代码：

Expanded(
                  child: Row(
                    children: <Widget>[
                      SizedBox(width: 80),
                      ListView.builder(
                          shrinkWrap: true,
                          scrollDirection: Axis.horizontal,
                          itemCount: widget.a.length,
                          itemBuilder: (context, index) {
                            return Row(
                              children: <Widget>[
                                Image.asset(widget.a[index]),
                                SizedBox(width: 25)
                              ],
                            );
                          }),
                    ],
                  ),
                ),

【问题讨论】：

标签： android flutter dart widget row

【解决方案1】：

您可以使用 SingleChildScrollView 而不是 Expanded 小部件包裹您的 Row，并将 scrollDirection 设置为 Axis.Horizontal，如下面的代码：

SingleChildScrollView(
      scrollDirection: Axis.horizontal,
      child:  Row(
            children: <Widget>[
              SizedBox(width: 80),
              ListView.builder(
                  shrinkWrap: true,
                  scrollDirection: Axis.horizontal,
                  itemCount: widget.a.length,
                  itemBuilder: (context, index) {
                    return  Row(
                        children: <Widget>[
                          Image.asset(widget.a[index]),
                          SizedBox(width: 25)
                        ],
                    );
                  }),
            ],
          ),
        ),

【讨论】：

是的，我查过了。如果我找到其他解决方案，我会告诉你，
我编辑了我的答案。我的意思是用 SingleChildScrollView 包装你的第一行