如何在这张图片中将多个列表视图添加到 sliver 列表中 - 颤动

Posted 2023-02-23

【中文标题】如何在这张图片中将多个列表视图添加到 sliver 列表中 - 颤动

【英文标题】：How to add multiple list views in to sliver list like this in this picture- flutter

【发布时间】：2021-09-29 23:12:40

【问题描述】：

我正在尝试制作这样的应用程序。如何在 Sliver 中添加这两个列表，即今天和明天？

【参考方案1】：

第一次使用CustomScrollView，然后从sliver_tools 使用MultiSliver

会是这样的

 - CustomScrollView 
   - SliverAppBar 
   - MultiSliver
      - PinnedHeader(i prefer)
      - Column of Today
   - MultiSliver
      - PinnedHeader(i prefer)
      - Column of next ...

【参考方案2】：

你不需要。只需将“今天”和“明天”标记为一个看起来不同的 ListView 项目。并非列表中的每个项目都必须看起来相同。

如果您在内部有两个单独的数据列表，那么在您的数据类上编写一个包装器应该很容易。

【讨论】：

你能举个例子吗

@Bazi 问题出在哪里？在您的构建器中，您只需返回今天的列表项，如果 index tomorrow[index-today.length-1] 的列表项？