SwiftUI 使用 TabView 和 Picker

Question

我正在尝试使用Picker来更改选定的选项卡。

问题是当我点击选择器时，内容会发生变化而没有 animation。

在选项卡之间滚动正常工作（选择器相应地动画）。

struct ContentView: View {
@State var tabSelectedValue = 0

var body: some View {

    VStack {
        
        Picker("", selection: $tabSelectedValue) {
            Text("First").tag(0)
            Text("Second").tag(1)
        }
        .pickerStyle(SegmentedPickerStyle())
        .padding()
         
        TabView(selection: $tabSelectedValue) {
         
            Text("Content for first tab")
                .tag(0)
        
            Text("Content for second tab")
                .tag(1)
            
            
        }
        .tabViewStyle(.page(indexDisplayMode: .never))
    }
    .padding()
}

}

Answer 1

SegmentedPickerStyle的Picker具有默认的 animation。 因此，当您更改选项卡时，它会为Picker设置动画。 要在更改TabView时为tabSelectedValue设置动画，您需要将 animation ViewModier添加到TabView 。 将animation(_:value:)修饰符添加到您的TabView 。

.animation(.easeIn, value: tabSelectedValue)