Flutter：让SingleChildScrollView滚动到StreamBuilder最后项及更新条目数

问题1：自动滚动到最新消息 #

要让SingleChildScrollView在获取到消息数据后自动滚动到最后一条，按以下步骤实现：

1. 初始化滚动控制器：在页面的State类中声明并初始化ScrollController：

final ScrollController _scrollController = ScrollController();

记得在页面销毁时释放控制器：

@override
void dispose() {
  _scrollController.dispose();
  super.dispose();
}

2. 在StreamBuilder中触发滚动：当snapshot有有效数据且消息列表非空时，添加帧回调，等待Widget构建完成后滚动到底部：

// 在获取messages的代码之后添加
WidgetsBinding.instance.addPostFrameCallback((_) {
  if (_scrollController.hasClients) {
    // 直接跳转到底部
    _scrollController.jumpTo(_scrollController.position.maxScrollExtent);
    // 如需平滑滚动，替换为下面的代码：
    // _scrollController.animateTo(
    //   _scrollController.position.maxScrollExtent,
    //   duration: const Duration(milliseconds: 300),
    //   curve: Curves.easeOut,
    // );
  }
});

判断hasClients是为了避免控制器还未绑定到SingleChildScrollView时调用滚动方法引发异常。

问题2：更新StreamBuilder获取的条目数量 #

StreamBuilder会自动监听数据流变化并重建UI，但如果需要在State中维护条目数量变量，可通过直接监听stream实现：

1. 声明数量变量：在State类中添加变量：

int _messageCount = 0;

2. 监听stream更新数量：在initState中监听消息流，每次收到新数据时更新数量：

@override
void initState() {
  super.initState();
  ClassifiedAdMessage.getAdMessagesStream(adId: widget.adId).listen((querySnapshot) {
    setState(() {
      _messageCount = querySnapshot.docs.length;
    });
  });
}

之后你就可以在UI的任意位置使用_messageCount变量。

如果只是需要在UI中展示数量，也可以直接从快照中获取，无需额外维护变量：

Text("总消息数：${snapshot.data!.docs.length}")

内容的提问来源于stack exchange，提问作者Stéphane de Luca