Flutter CustomScrollView问题：调整控件展开方向及初始滚动位置

1. 修复商品描述向下展开的问题 #

你现在用centerKey导致展开时向上扩展，本质是这个属性会让绑定的组件始终固定在视口中心，展开时优先向上挤占空间。直接删掉centerKey，换用常规滚动布局就能解决：

• 用SingleChildScrollView包裹整个页面内容（商品图片、价格、描述、评论区），或者用CustomScrollView配合SliverToBoxAdapter/SliverList拼接各个模块。
• 商品描述用状态控制显示高度：默认只展示2行，点击“查看更多”后切换为显示全部内容，搭配AnimatedSize做平滑过渡，这样展开时会自然向下延伸，把下方的评论区推下去。

代码示例：

bool _showFullDesc = false;

// 商品描述模块
AnimatedSize(
  duration: const Duration(milliseconds: 300),
  child: ConstrainedBox(
    constraints: _showFullDesc 
        ? const BoxConstraints() 
        : const BoxConstraints(maxHeight: 48), // 对应2行文本的高度
    child: Text(
      longProductDescription,
      overflow: _showFullDesc ? null : TextOverflow.ellipsis,
      maxLines: _showFullDesc ? null : 2,
    ),
  ),
),
TextButton(
  onPressed: () => setState(() => _showFullDesc = !_showFullDesc),
  child: Text(_showFullDesc ? "收起" : "查看更多"),
)

2. 实现评论区双向展开逻辑 #

加载旧评论（向上展开） #

• 把评论数据源设为可变数组，加载旧评论时，将新获取的内容插在数组头部。
• 用ListView.builder构建评论列表，开启shrinkWrap: true让列表高度自适应内容。当旧评论添加后，列表高度增加，会自动向上推动上方的商品模块。
• 如果要保持当前评论的可见位置，可以在加载完成后，通过ScrollController计算新增内容的高度，调整滚动偏移量（比如controller.jumpTo(controller.offset + addedItemsTotalHeight)）。

加载新评论（向下展开） #

• 加载新评论时，把新内容追加到数组尾部，ListView.builder会自动向下扩展，推动下方的控件（比如底部加载按钮）下移，不用额外处理。

3. 默认滚动到顶部（不用jumpTo） #

给顶部的商品图片组件绑定一个GlobalKey，在页面初始化完成后，让滚动视图自动滚动到该组件的位置：

final GlobalKey _topImageKey = GlobalKey();

@override
void initState() {
  super.initState();
  WidgetsBinding.instance.addPostFrameCallback((_) {
    Scrollable.ensureVisible(
      _topImageKey.currentContext!,
      duration: const Duration(milliseconds: 0), // 无动画直接定位到顶部
      alignment: 0.0, // 顶部对齐
    );
  });
}

// 商品图片组件
Container(
  key: _topImageKey,
  child: Image.network(productImageUrl),
)

这样页面打开后会自动滚动到顶部显示商品图片，完全不需要调用jumpTo类方法。

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