swiftui - 如何在 ScrollView 中执行 View 的动画转换？

Question

我有一个 ScrollView ，其中包含 HStack ，其中包含 ForEach ，其中包含一些带有附加转换的自定义 View 。它看起来像:

ScrollView {
    HStack {
        ForEach(self.objects) { object in
            ObjectView(object)
                .transition(.slide)
        }
    }
}

当我更新 self.objects 的内容时(在调用 withAnimation 时)，我想要旧的/新的 ObjectView s 按照过渡指定的进出动画。

不幸的是，没有出现动画过渡。如果我删除 ScrollView (留下 HStack 作为 Root View )，动画转换按预期工作。

有没有一种方法可以为 ScrollView 中的 View 转换设置动画？ ?

Answer 1

也许你有兴趣......这有效:

struct ObjectView : View {

    var text: String

    var body: some View {
        Text(text)
    }
}

struct ContentView: View {

    @State var objects = ["a", "b", "c"]

    var body: some View {

        Group() {
            Button("add") {
                withAnimation() {
                    self.objects.append("f")
                }
            }
            ScrollView {
                HStack {
                    ForEach(objects, id: \.self) { object in
                        ObjectView(text: object)
                            .transition(.slide)
                    }
                }.frame(width: 500)
            }
        }
    }
}