flutter

Question

我目前正在使用 SliverList 和 SliverChildBuilderDelegate 在 Flutter 中构建日历视图，这样我就不必一次呈现日历中的每个项目。

第一个日期是纪元时间，即 1970 年 1 月 1 日，最后一个日期是从今天算起的奇数时间。

我的问题是，当我第一次渲染视图时，我希望它从今天开始渲染视图，而不是 1970 年 1 月 1 日。但是，如果我将今天作为 0 索引，则不允许使用负索引（或提供）给构建器委托，这样您就无法从该日期向上滚动。据我所知，您也无法向构建器或列表提供初始索引，因此我也无法将纪元时间作为 0 索引，因为列表将从那里开始，这非常糟糕经验！我不完全确定如何进行。

有人有什么建议吗？

Answer 1

我不知道有什么简单的方法可以做到这一点，ListView 和 SliverList 中都没有 initialPositition 参数。我能想到的原因是列表是嵌入在 ScrollView 上的一系列小部件，因此为了让您设置初始项目，您需要知道该项目的确切滚动偏移量。

默认情况下，这两个列表小部件对其项目的高度没有假设，因此通常发现偏移量需要您一个一个地计算它之前的所有小部件的高度，这是低效的。

但是，如果您事先知道所有列表项的高度，或者如果您可以通过 ListView.itemExtent 字段或 SliverFixedExtentList 强制它们固定高度，则可以使事情变得更容易。

如果您事先知道（或强制）列表项的高度，您可以通过 ScrollController 中的 initialScrollOffset 设置初始项。这是一个带有 ListView.

的示例

@override
Widget build(BuildContext context) {
  final _itemExtent = 56.0; // I know item heights beforehand
  final generatedList = List.generate(500, (index) => 'Item $index');

  return ListView(
    controller: ScrollController(initialScrollOffset: _itemExtent * 401),
    children: generatedList
        .map((index) =>
            ListTile(title: Text(index, style: TextStyle(fontSize: 20.0))))
        .toList(),
  );
}

或 SliverList.

@override
Widget build(BuildContext context) {
  final _itemExtent = 56.0;
  final generatedList = List.generate(500, (index) => 'Item $index');

  return CustomScrollView(
    controller: ScrollController(initialScrollOffset: _itemExtent * 401),
    slivers: [
      SliverFixedExtentList(
        itemExtent: _itemExtent,  // I'm forcing item heights
        delegate: SliverChildBuilderDelegate(
          (context, index) => ListTile(
                title: Text(
                  generatedList[index],
                  style: TextStyle(fontSize: 20.0),
                ),
              ),
          childCount: generatedList.length,
        ),
      ),
    ],
  );
}

在这两种情况下，这是您首次打开应用程序时的结果。

Answer 2

SliverList 接受一个委托参数，该参数提供列表中滚动到视图中的项目。

您可以使用 SliverChildListDelegate 指定实际的子列表，或者使用 SliverChildBuilderDelegate 懒惰地构建它们。

SliverList(
    delegate: SliverChildListDelegate(
      [
        Container(color: Colors.red, height: 150.0),
        Container(color: Colors.purple, height: 150.0),
        Container(color: Colors.green, height: 150.0),
      ],
    ),
);
// This builds an infinite scrollable list of differently colored 
// Containers.
SliverList(
    delegate: SliverChildBuilderDelegate((BuildContext context, int index) {
      // To convert this infinite list to a list with three items,
      // uncomment the following line:
      // if (index > 3) return null;
      return Container(color: getRandomColor(), height: 150.0);
    },
    // Or, uncomment the following line:
    // childCount: 3,
  ),
);

参考文献：http://flutterexamples.com/#textfield

flutter - SliverList / SliverChildBuilderDelegate 提供初始索引或允许负索引

flutter - SliverList / SliverChildBuilderDelegate supply initial index or allow negative indices

dart

flutter-layout

flutter-sliver

flutter-widget