时间过得真快，距离上一篇介绍 scrollview_observer 功能的文章已过去了 9个月，目前 scrollview_observer 也来到了 1.21.0 版本

设计师验收的时候觉得需要做下优化，那就是表单视图并不大，提交按钮需要完整的显示出来，讲道理还要去算手动偏移量还是挺麻烦的

这次的 Flutter 小技巧是 ListView 和 PageView 的花式嵌套，不同 Scrollable 的嵌套冲突问题相信大家不会陌生，今天就通过 ListView 和 PageView 的

🤖 手把手教你实现保持ChatGPT生成式消息位置的功能 - flutter_scrollview_observer 实战系列

本篇主要通过一个有趣的问题，展示如何理解和使用Flutter里关于可滑动列表的姿势，最主要是如果更灵活地布局列表。

聊天列表是一个很扣细节的场景，在之前的 《Flutter 实现完美的双向聊天列表效果，滑动列表的知识点》 里进行二次优化。

聊天会话页的列表效果 1、聊天数据不满一屏时，顶部显示所有聊天数据 2、插入消息时 如果最新消息紧靠列表底部时，则插入消息会使列表向上推 如果不是紧靠列表底部，则固定到当前聊天位置