首页 > 解决方案 > Flutter 中 ListView.builder 中的反向列表

问题描述

我想反转列表,我已经通过使用 reverse: true,. 它正在工作,但是当列表中的项目最少时,列表已与底部对齐并在顶部显示空白区域。

 Expanded(child:  ListView.builder(
                shrinkWrap: true,
                reverse: true,
                controller: _scrollController,
                itemCount:order_response.orderDetails.length,
                itemBuilder: (context, position) {return orderListItemTile(width,height,order_response,position);},
              ),)

在此处输入图像描述

但是当我删除expanded()小部件时,当项目增加时,它会按像素溢出。

 ListView.builder(
            shrinkWrap: true,
            reverse: true,
            controller: _scrollController,
            itemCount:order_response.orderDetails.length,
            itemBuilder: (context, position) {return orderListItemTile(width,height,order_response,position);},
          ),

在此处输入图像描述

标签: androiddartflutter

解决方案


除了反转列表之外,另一种解决方案可能ListViewAlignalignment: Alignment.topCenter. 里面也shrinkWrap: true需要ListView

         Align(
            alignment: Alignment.topCenter,
            child: ListView.builder(
              reverse: true,
              shrinkWrap: true,
              ...
              ...
           )
         )

推荐阅读