ScrollViewReader scrollTo 带有 .center 锚点错误？

如何解决ScrollViewReader scrollTo 带有 .center 锚点错误？

所以我尝试使用 ScrollViewReader 以编程方式滚动水平滚动视图。我认为它会像在 UIKit 中使用 .centerHorizo​​ntally 的 scrollToItem 一样工作，并且在大多数情况下确实如此，但是滚动视图中的最后几个元素被强制滚动到屏幕的中心，尽管滚动视图不是通常能够滚动到那么远（至少在释放拖动后不会弹回）。这最终会在屏幕的后半部分产生空白。

我已经看到了一些关于此的其他问题，并且似乎普遍认为这不是错误？一方面，我想我们是在告诉滚动视图将项目居中，它就是这样做的——所以，不是错误吗？另一方面，这不是 UIKit 中类似功能的工作方式。此外，这种行为只发生在滚动视图的尾端！如果这是预期的行为，我希望使用 .center 锚点滚动到滚动视图中的第一个元素会迫使它进入屏幕中心并留下前导空白，但这不会发生。

有没有优雅的解决方案？或者我们是否必须计算元素的宽度 + 间距并根据屏幕宽度确定是应该锚定 .center 还是滚动到带有锚定 .trailing 的最后一个元素以复制 UIKit 行为？

解决方法

我发现了一个在 ScrollViewReader 发布之前制作的包 (Amzd/ScrollViewProxy)，其功能与 ScrollViewReader 大致相同，但似乎也没有问题中详述的错误（如果是错误）。

可以在存储库页面上看到使用示例，但这里有一个快速的最小示例。

ScrollView(.horizontal) { scrollProxy in
    ForEach(sections) { section in
        Text(section.text)
             .scrollId(section.id)
    }
    .onChange(of: index) {
         scrollProxy.scrollTo(
               sections[index].id,alignment: .center
     )
   }
}

该包向 ScrollView 添加了一个方便的 init 以提供对 scrollProxy 的访问。