在具有动态高度的同一页面上摆动两个listview.builder

Question

我正在使用flutter。我有两个项目可用和项目不可用的动态列表。我想以一种方式显示两个列表，它显示完整的可用项目列表，然后显示完整的不可用项目列表，flutter将动态决定长度。

谢谢你。

Answer 1

这是一个小示例，应该为可用项显示红色容器，为不可用项显示蓝色项。

List<int> unavailable;
List<int> available;

Expanded(
    child: CustomScrollView(slivers: <Widget>[
  SliverList(
    delegate: SliverChildBuilderDelegate(
      (BuildContext context, int index) {
        final item = available[index];
        if (index > available.length) return null;
        return Container(color: Colors.red, height: 150.0); // you can add your available item here
      },
      childCount: available.length,
    ),
  ),
  SliverList(
    delegate: SliverChildBuilderDelegate(
      (BuildContext context, int index) {
        final item = unavailable[index];
        if (index > unavailable.length) return null;
        return Container(color: Colors.blue, height: 150.0); // you can add your unavailable item here
      },
      childCount: unavailable.length,
    ),
  )
]));