Flutter长文本用ListView.builder渲染时SelectableText跨块选择问题求解

方案一：单SelectableText+懒加载TextSpan（优先推荐） #

直接废弃ListView.builder的分块渲染逻辑，改用单个SelectableText.rich作为渲染载体，所有文本共享同一个选区上下文，天然支持跨段连续选中。
性能优化逻辑：

• 绑定ScrollController监听滚动位置，实时计算当前视口内可见的文本段落范围，仅构建可见段+上下各2段预加载的TextSpan，其余不可见段落使用固定高度的空白TextSpan占位，保证整体滚动高度和完整文本一致
• 对已经渲染过的段落TextSpan做内存缓存，滚动回已加载区域时无需重新构建，实际性能表现和ListView.builder基本持平
• 空白占位的高度提前通过TextPainter预计算所有段落的高度后缓存，避免滚动过程中高度跳变

方案二：保留ListView.builder+自定义选区同步 #

如果你的列表项里除了文本还有图片、自定义控件等混合内容，无法替换为单SelectableText结构，可通过自定义选区逻辑实现跨项选中：

• 给所有列表项的SelectableText绑定同一个全局自定义SelectionController
• 重写手势识别逻辑，统一管理整个长文本的选中起始、结束位置，监听每个项的选区变化，当选中范围超出当前列表项边界时，自动同步选中状态到相邻的列表项
• 自定义选中高亮绘制逻辑，保证跨项的选中高亮样式连续一致，不会出现各段独立选中的割裂感

适配注意点 #

• 若文本包含代码块、引用、标题等多样式内容，两种方案都支持传入自定义样式的TextSpan实现样式匹配
• 优先测试低端设备的滚动性能，懒加载方案的预加载段数可根据设备性能动态调整，避免出现掉帧

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