Flutter中ListView.builder中的反向列表

时间:2019-03-11 05:40:26

标签: android dart flutter

我想反向列出,我已经通过使用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);},
              ),)

enter image description here

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

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

enter image description here

2 个答案:

答案 0 :(得分:3)

除了反转列表之外,另一种解决方案是将ListView放在带有Align的{​​{1}}小部件中。另外alignment: Alignment.topCenter内还需要shrinkWrap: true

ListView

答案 1 :(得分:1)

使用以下方式反转您的列表:

val reversedList = _response.orderDetails.reversed.toList();