首页 > 解决方案 > 如何解决flutter中的渲染溢出问题?

问题描述

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

在此处输入图像描述

下面是我的代码:

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)
                              ],
                            );
                          }),
                    ],
                  ),
                ),

标签: androidflutterdartwidgetrow

解决方案


SingleChildScrollView您可以使用而不是小部件来包装您的行Expanded并设置scrollDirectionAxis.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)
                        ],
                    );
                  }),
            ],
          ),
        ),

推荐阅读