在颤振自定义滚动视图中构建两个不同的列表

Question

如何构建两个垂直显示的列表，以便构建一个项目列表，然后按垂直顺序排列第二个项目。

Answer 1

您可以通过使用带有SliverList 的CustomScrollView 来实现此目的。

您的解决方案如下所示：

CustomScrollView(
  slivers: <Widget>[
    //list 1 (using builder)
    SliverList(
        delegate: SliverChildBuilderDelegate(
              (context, i) {
            return ListTile(...); // HERE goes your list item
          },
          childCount: 3,
        ),
    ),
    //list 2 (using list of widgets)
    SliverList(
        delegate: SliverChildListDelegate([
          ListTile(..),
          ListTile(..), //HERE goes your list item
        ]),
    ),
  ],
),

当您向下滚动时，这将建立一个又一个列表。在上面的示例中，我使用了两种可用于构建列表的委托。

1. SliverChildBuilderDelegate - 需要一个构建器方法，该方法将被调用来为每个列表项构建小部件。同ListView.builder()
2. SliverChildListDelegate - 需要一个小部件列表，这将是 SliverList 的项目。同ListView(children: ...)