【问题标题】:Flutter list.builder not scrollingFlutter list.builder 不滚动
【发布时间】:2019-03-09 07:00:16
【问题描述】:

我的身体中有一个选项卡,然后是一个列,我在其中调用以使用另一个小部件类构建一个动态卡片列表。一切似乎都很好,但我收到了这个错误。

The following message was thrown during layout:
I/flutter ( 5090): A RenderFlex overflowed by 115 pixels on the bottom.

问题是列表无法滚动,尽管我将它包装到一个灵活的小部件中。这是构建列表的代码 sn-p。我还启用了物理:AlwaysScrollableScrollPhysics(),但同样的问题。我知道如果我固定一个特定的高度,它会起作用,但我不想这样做,因为这会破坏整个想法。

Widget buildDynamicList(BuildContext context) {
    return new Flexible(
                //decoration: new BoxDecoration(border: new Border.all(width: 2.0)),
                //height:double.infinity,

                //fit: FlexFit.loose ,
                child: ListView.builder(
                  physics: AlwaysScrollableScrollPhysics(),
                    shrinkWrap: true,
                      itemCount: vehicles.length,                      
                      itemBuilder: (BuildContext ctxt, int index) {
                        return Row( 
                          mainAxisSize: MainAxisSize.max,
                          //mainAxisSize: MainAxisSize.max, 
                          children: <Widget>[ 
                            RouteTile(index: index)
                         // expansionConfigurableRouteTile(ctxt, index), 
                          ], 
                          );
                      }
                     )    
          );         
}

【问题讨论】:

    标签: flutter flutter-layout


    【解决方案1】:

    灵活只会让您的孩子身高可变。它不会使您的列表可滚动。为此,请使用 SingleChildScrollView 小部件包装您的灵活小部件。

    【讨论】:

    • 我试过准备好这样的新列(mainAxisSize: MainAxisSize.min, children: [ SingleChildScrollView (child: buildDynamicList(context) ], );
    • 但它给了我错误灵活的小部件必须直接放置在弹性小部件内
    • @newbie 换个方式试试:把 SingleChildScrollView 放在 Flexible 外面
    • 我切换他们在底部溢出 115 个像素的 A RenderFlex 上放置相同的旧错误
    • 还有什么问题我知道只是小调整更多我尝试添加 flex:1 仍然相同
    【解决方案2】:

    删除 shrinkWrap: true 即可解决问题

    【讨论】:

    • 收缩包装的作用是让它节省空间吧
    • 是的,没有shrinkWrap: true 列表不可见
    猜你喜欢
    • 2021-10-22
    • 2020-08-01
    • 2021-09-02
    • 1970-01-01
    • 2021-07-11
    • 2017-11-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多