Question

我正在颤抖。我有两个可用项目和不可用项目的动态列表。我想以显示完整的可用项目列表然后显示完整的不可用项目列表的方式显示两个列表，而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,
    ),
  )
]));

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

1 个答案: