在动态高度的同一页面上展开两个listview.builder

Question

我正在使用扑动。我有两个可用项目的动态列表和项目不可用。我希望以一种显示完整可用项目列表然后完成不可用项目列表的方式显示两个列表，并且颤动将动态决定长度。

谢谢。

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,
    ),
  )
]));