SwiftUI：将动画添加到 Picker 而不将其添加到值中

Question

我正在尝试根据切换为选择器的隐藏/显示设置动画。如果是真的或假的，我希望选择器到easeInOut。

我尝试将.animation(Animation.easeInOut(duration: 0.5)) 添加到选择器本身或选择器所在的 HStack，但两者都将动画添加到选择器内的值中，并且在滚动浏览值时应用程序崩溃。

        HStack {
            if showPicker {
                Picker(selection: $selected.value, label: Text(selected.type)) {
                    ForEach(digits, id: \.self) { d in
                        Text("\(d)")
                    }
                }
                .frame(width: 40)
            }
        }
        .animation(Animation.easeInOut(duration: 2))

            if showPicker {
                Picker(selection: $selected.value, label: Text(selected.type)) {
                    ForEach(digits, id: \.self) { d in
                        Text("\(d)")
                    }
                }
                .frame(width: 40)
                .animation(Animation.easeInOut(duration: 0.5))
            }

这两个选项都会动画隐藏/显示选择器，但它也会动画滚动选择器中的值，这会导致它崩溃。

任何帮助将不胜感激。

谢谢

Answer 1

关于您的第一种方法，将动画放在 HStack 上。永远不要那样做。根据声明文件中的cmets：

在叶视图而不是容器视图上使用此修饰符。这 动画适用于该视图内的所有子视图；打电话 容器视图上的animation(_:) 可能导致无限范围。

我尝试了您的第二种方法（填补您帖子中缺少的部分），它不会崩溃。也许你可以用一个完全可重现的例子来更新你的问题。

将动画改为显式，所以其他参数不受影响：

struct PickerStackOverflow: View {
    @State private var showPicker = true
    @State private var value: Int = 1

    let digits: [Int] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]

    var body: some View {
        VStack {
            Text("Selected \(value)")

            HStack {
                if showPicker {
                    Picker(selection: $value, label: Text("Label")) {
                        ForEach(digits, id: \.self) { d in
                            Text("\(d)")
                        }
                    }
                    .frame(width: 40)
                }
            }


            Button("Tap Me") {
                withAnimation(Animation.easeInOut(duration: 2)) {
                    self.showPicker.toggle()
                }

            }
        }

    }
}