用 SwiftUI 能不能实现很多 apple 官方 app 横向滑动卡片的动画样式

[qtoq126]

很多 apple 的官方 app 都有这个效果，比如 Music ，AppStore

当你横向滑动卡片时，手势停止的时刻，它会自动回到显示完整的上一个卡片，或者显示完整的下一个卡片的位置，不会停留在无法显示完整卡片的位置（如果单纯的用 scrollview ，手势停止它就会慢慢停止，不会自动去挪动位置）

如果用 swiftui 实现这个效果呢？

我问了 gpt 好多遍，它都没回答出来

apple 好像也没有开放这个效果的方法

视频地址： https://watch.wave.video/ffvfggCjMnyrZc9c

[drainlin]

你说的，难道不是 tabview 加上修饰符.tabViewStyle(PageTabViewStyle())

[kemchenj]

https://www.hackingwithswift.com/quick-start/swiftui/how-to-make-a-scrollview-snap-with-paging-or-between-child-views 这种？

[qtoq126]

@kemchenj 我手上的电脑 xcode 最高只能拉到 14.2 ，这个得 15 才能看，不过我看了下这个帖子里面写的，确实是我说的这个效果，k 大 nb ，pual nb
话说这种答案真难搜啊，我用英文描述了很多次，但是 google 不出来

[kongkx]

关键词。snap scroll

[rainbowmolly]

只有 iOS 17 可用这种东西上不了生产环境吧，会被用户骂死

[MakHoCheung]

View Aligned Behavior
https://developer.apple.com/documentation/swiftui/view/scrolltargetbehavior(_:)

[CastleBUPT]

@rainbowmolly
骂的，不是目标用户，完事

[posthoc]

分页滑动，页面之间有间隔，分页阈值较大，轮播组件不就是要实现这类效果吗？只不过是关闭了自动轮播功能。我写了一个轮播组件（ https://github.com/YuLeiFuYun/CardCarousel ），可以比较容易的实现这个效果，代码像这样：
https://gist.github.com/YuLeiFuYun/cfa8269473696810fe69f4a20077fcea

[BernieDu]

@rainbowmolly chatGPT 5 个月前发布 app 时最低要求版本是 16.1 。现在产品评分 4.9 。 我觉得产品力够的话现在发布个 app 要求 17 也不是很离谱

[LiGG]

https://www.youtube.com/@Kavsoft 看看这里面的视频，能不能找到你想要的效果吧。

[rainbowmolly]

@BernieDu 我说的不太对，在被用户骂之前会被国内的产品骂死😂

[rainbowmolly]

@BernieDu 用评分作为标准其实也不对，因为 iOS 16 以下的根本无法评分……

[BernieDu]

@rainbowmolly 需要他们评分吗？ 现在美区免费 app 榜 chatgpt 长期是第一名。。靠降低版本来维持用户本来就是伪命题，产品力才是硬道理