flutter - 在 flutter 自定义 ScrollView 中构建两个不同的列表

Question

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

Answer 1

您可以通过将 CustomScrollView 与 SliverList 结合使用来实现此目的.

您的解决方案看起来像这样:

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

这将在您向下滚动时构建一个接一个的列表。在上面的示例中，我使用了两种类型的委托(delegate)来构建列表。

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