SwiftUI如何根据ScrollView用户当前滚动位置同步调整进度条进度

完全可以实现，核心逻辑就是把ScrollView的实时滚动偏移量按比例换算成进度条的取值，全程不需要自定义重写ScrollView组件，步骤拆解如下：

• 提前校准两个核心计算基准，从根源上避免进度条比例失真
  • 计算ScrollView的最大可滚动距离：maxScrollDistance = ScrollView内嵌内容的总高度 - ScrollView自身可视区域的高度，这个值对应当前滚动到最底部时的滚动偏移量
  • 确定取值映射规则：进度条的实时取值 =（当前滚动偏移量 / 最大可滚动距离）* 进度条设定的最大值，计算结果要做边界兜底，小于0时强制取0，超过最大值时强制取最大值，杜绝越界值
• 复用ScrollView自带的滚动监听能力做数值同步
  • 不需要自己拦截触摸事件算滚动距离，所有平台的ScrollView都暴露了滚动状态回调：Android场景直接给ScrollView设置OnScrollChangeListener拿实时滚动Y值，iOS场景实现scrollViewDidScroll:代理拿contentOffset.y，跨端框架（Flutter/RN/小程序）直接调用组件自带的onScroll事件回调拿偏移量即可
  • 拿到实时偏移量后，按上面的映射规则算出进度值，直接赋值给进度条组件的取值属性就行，全程数据绑定链路是单向的，没有循环触发的问题
• 做简单的性能优化避免滚动卡顿
  • 不要每1像素的滚动变化都触发一次进度条重绘，加个极小的判断阈值：新算出的进度值和上次更新的进度差小于1%时直接跳过本次更新，能减少80%以上的无意义渲染
  • 进度条更新要跟滚动回调在同一帧完成，不要套异步延迟逻辑，不然会出现进度条滞后、跟手性差的问题

常见踩坑提醒

• 如果ScrollView内嵌内容是动态加载、懒渲染的，要在内容高度发生变化时重新计算最大可滚动距离，不然滚动到内容后半段会出现进度条提前走到100%的问题
• 如果ScrollView带自定义头部、下拉刷新模块，要把这些模块的高度算进总内容高度里，不要直接硬套系统返回的内容尺寸值

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