ListView顶部新增条目时无法保持滚动位置，不使用reverse如何实现

往ListView顶部批量插入条目时，原有条目的位置会同步向下偏移新增条目对应的总高度，只需要在插入后将滚动位置调整到目标条目对应的新位置即可，无需使用reverse属性，具体实现分两种场景：

场景1：条目高度固定 #

实现成本最低，直接通过固定高度计算偏移即可：

1. 给ListView绑定滚动控制器

final ScrollController _scrollController = ScrollController();

// 绑定到ListView
ListView.builder(
  controller: _scrollController,
  // 其余原有配置
)

2. 点击FloatingActionButton的处理逻辑：

FloatingActionButton(
  onPressed: () {
    const double itemHeight = 50; // 替换为你的实际单条条目高度
    // 插入新条目到顶部
    setState(() {
      yourItemList.insertAll(0, List.generate(30, (index) => "新增条目${index+1}"));
    });
    // 插入后原第30条（索引29）的新偏移为原有偏移 + 30条新条目总高度，直接跳转
    _scrollController.jumpTo(29 * itemHeight + 30 * itemHeight);
    // 如需平滑滚动可以用animateTo代替
    // _scrollController.animateTo(29 * itemHeight + 30 * itemHeight, duration: const Duration(milliseconds: 300), curve: Curves.linear);
  },
  child: const Icon(Icons.add),
)

场景2：条目高度动态不固定 #

通过GlobalKey标记目标条目，插入后触发滚动到标记位置即可：
注：示例中的isInserted为状态标记变量，默认值为false，用来区分插入前后的列表状态，可根据实际业务调整。

1. 给原列表的第30条绑定GlobalKey

// 提前定义目标条目key
late GlobalKey _targetItemKey;

ListView.builder(
  controller: _scrollController,
  itemCount: yourItemList.length,
  itemBuilder: (context, index) {
    Key? currentKey;
    // 插入操作前给原第30条（索引为29）绑定key
    if (index == 29 && !isInserted) {
      _targetItemKey = GlobalKey();
      currentKey = _targetItemKey;
    }
    return Container(
      key: currentKey,
      // 其余条目原有配置
    );
  },
)

2. 点击FloatingActionButton的处理逻辑：

FloatingActionButton(
  onPressed: () {
    // 插入新条目到顶部
    setState(() {
      yourItemList.insertAll(0, List.generate(30, (index) => "新增条目${index+1}"));
      isInserted = true;
    });
    // 等待列表渲染完成后滚动到目标条目位置
    WidgetsBinding.instance.addPostFrameCallback((_) {
      if (_targetItemKey.currentContext != null) {
        Scrollable.ensureVisible(_targetItemKey.currentContext!);
      }
    });
  },
  child: const Icon(Icons.add),
)

拓展说明 #

• 如果需要多次插入顶部都保持当前可视位置不变，只需每次插入前记录当前可视区域最顶部条目的索引/key，插入后按上述逻辑调整即可，无需固定绑定第30条。
• 两种实现均未使用reverse属性，完全符合需求。

内容的提问来源于stack exchange，提问作者SMEW Technology