SwiftUI Picker切换选项时出现异常动画问题求助

这个问题是因为SwiftUI默认Picker的选中视图会跟着当前选项的文本尺寸动态变化，切换到长文本时，视图会先被限制在之前短文本的尺寸里再展开，导致挤压和卡顿。给你几个可行的解决办法：

方法一：强制文本不换行并固定水平尺寸 #

给Picker里的每个Text添加.fixedSize(horizontal: true, vertical: false)，让文本不会被压缩换行，同时让Picker的选中区域提前适配最长文本的宽度：

Section{
    Picker("List Type", selection: $selectedType) {
        Text("Standard").tag("Standard")
            .fixedSize(horizontal: true, vertical: false)
        Divider()
        Text("Class").tag("Class")
            .fixedSize(horizontal: true, vertical: false)
        Text("Club").tag("Club")
            .fixedSize(horizontal: true, vertical: false)
        Text("Greek Life").tag("Greek Life")
            .fixedSize(horizontal: true, vertical: false)
        Text("Sport").tag("Sport")
            .fixedSize(horizontal: true, vertical: false)
        Divider()
        Text("Work").tag("Work")
            .fixedSize(horizontal: true, vertical: false)
        Text("Personal").tag("Personal")
            .fixedSize(horizontal: true, vertical: false)
        Text("Groceries").tag("Groceries")
            .fixedSize(horizontal: true, vertical: false)
    }
}

方法二：给Picker设置最小宽度 #

直接给Picker设置一个足够容纳最长文本的最小宽度，避免切换时的尺寸突变：

Section{
    Picker("List Type", selection: $selectedType) {
        Text("Standard").tag("Standard")
        Divider()
        Text("Class").tag("Class")
        Text("Club").tag("Club")
        Text("Greek Life").tag("Greek Life")
        Text("Sport").tag("Sport")
        Divider()
        Text("Work").tag("Work")
        Text("Personal").tag("Personal")
        Text("Groceries").tag("Groceries")
    }
    .frame(minWidth: 200) // 根据最长文本的实际宽度调整数值
}

方法三：拆分Picker标签与选择器 #

把Picker的标签单独拆出来，让选择器部分保持固定尺寸，同时保留整个Section的点击区域：

Section {
    HStack {
        Text("List Type")
        Spacer()
        Picker("", selection: $selectedType) {
            Text("Standard").tag("Standard")
            Divider()
            Text("Class").tag("Class")
            Text("Club").tag("Club")
            Text("Greek Life").tag("Greek Life")
            Text("Sport").tag("Sport")
            Divider()
            Text("Work").tag("Work")
            Text("Personal").tag("Personal")
            Text("Groceries").tag("Groceries")
        }
        .fixedSize(horizontal: true, vertical: false)
    }
}

这几种方法都能解决长文本被挤压、动画卡顿的问题，同时保留Picker整个Section可点击的特性，不用换成Menu。

内容的提问来源于stack exchange，提问作者Alec Coyner