繁体   English   中英

Renderflex 溢出 - 我如何在 flutter 中克服这个问题?

[英]Renderflex overflow - how do I overcome this in flutter?

我知道我会因为这个问题得到很多负面评价,但我真的很沮丧。 我在新的 iPhone 11pro 上测试了我的应用程序,现在我得到了很多 renderflex 错误。 你们都知道错误日志——甚至谷歌也会给你一些建议,比如“你考虑过使用 Flex 或 Expanded 父级吗?”

现在,对于 go 结束的文本小部件,我使用扩展。 ..那太好了。 太棒了我只是将我的文本包装在一个 Expanded 中,它会“包装”文本,使其适合其容器。

但是,与包装其他小部件(如行或列,或单子滚动视图)等效的是什么?

我试图将它们包装在一个扩展中,我得到了同样的错误信息。

我受够了。

这是一些代码的示例:

            Container(
             // width: MediaQuery.of(context).size.width,
             // height: MediaQuery.of(context).size.height,


              //TODO: checkboxes

              child: Center(
                child: Column(
                // mainAxisSize: MainAxisSize.max,
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    Container(width: 200,height: 100,
                      child: Row(
                        mainAxisSize: MainAxisSize.max,
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: <Widget>[
                          checkbox(sun, days[sun]),
                          checkbox(mon, days[mon]),
                          checkbox(tue, days[tue]),
                          checkbox(wed, days[wed]),
                          checkbox(thu, days[thu]),
                          checkbox(fri, days[fri]),
                          checkbox(sat, days[sat]),

                        ],
                      ),
                    ),
                  ],
                ),
              )
          ),

方法一:使用ListView

        child: Container(
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Container(
                  width: 200,
                  height: 100,
                  child: ListView(
                    scrollDirection: Axis.horizontal,
                    children: <Widget>[
                      Text("Example"),
                      SizedBox(width: 10),
                      Text("Example"),
                      SizedBox(width: 10),
                      Text("Example"),
                      SizedBox(width: 10),
                      Text("Example"),
                      SizedBox(width: 10),
                      Text("Example"),
                      SizedBox(width: 10),
                      Text("Example"),
                      SizedBox(width: 10),
                      Text("Example"),
                      SizedBox(width: 10),
                      Text("Example"),
                      SizedBox(width: 10),
                      Text("Example"),
                      SizedBox(width: 10),
                      Text("Example"),
                      SizedBox(width: 10),
                      Text("Example"),
                      SizedBox(width: 10),
                      Text("Example"),
                    ],
                  ),
                ),
              ],
            ),
          ),
         ),

在此处输入图像描述

方法 2:如果要显示该子项中的所有项目,可以使用Wrap而不是ListView

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM