Flutter - 避免 ListView 重建

Question

当您根据 ListView.builder 和 ListView.separated< 的默认行为插入/删除/重新排序(或进行任何其他操作)ListView 项时 它总是重建整个小部件。

我怎样才能避免这种情况？它会带来不希望的结果，例如数据丢失。

Answer 1

您可以通过设置 findChildIndexCallback 来使用 ListView.custom 而不是使用 ListView.builder 或 ListView.separated属性

ListView.custom(
        key: Key('messageListView'),
        controller: _scrollController,
        reverse: true,
        childrenDelegate: SliverChildBuilderDelegate(
          (context, i) {
            return Container(key: ValueKey('message-${message.id}'));
          },
          childCount: _messages.length,
          findChildIndexCallback: (key) {
            final ValueKey<String> valueKey = key;
            return _messages
                .indexWhere((m) => 'message-${m.id}' == valueKey.value);
          },
        ),
      );