如何防止 SwiftUI 分段控件中的文本"反弹"

Question

当我点击各个片段时，我在 SwiftUI SegmentedPicker 中的文本反弹时遇到问题。

这是超级基本的，所以我不确定有什么选项可以调整它：

struct ContentView : View {
@State private var selectorIndex = 0
@State private var numbers = ["One","Two","Three"]
var body: some View {
VStack {
Picker("Numbers", selection: $selectorIndex) {
ForEach(0 ..< numbers.count) { index in
Text(self.numbers[index]).tag(index)
}
}
.pickerStyle(SegmentedPickerStyle())

Text("Selected value is: (numbers[selectorIndex])").padding()
}
}
}

Answer 1

尝试将其添加到文本中，尤其是对齐方式：

.frame(width: 222, height: 55, alignment: .leading)

编辑：

我使用以下代码在真实设备和各种模拟器上测试文本反弹：

struct ContentView: View {
@State private var selectorIndex = 0
@State private var numbers = ["One","Two","Three"]
var body: some View {
VStack {
Picker("Numbers", selection: $selectorIndex) {
ForEach(0 ..< numbers.count) { index in
Text(self.numbers[index]).tag(index)
}
}
.pickerStyle(SegmentedPickerStyle())
Text("Selected value is: (numbers[selectorIndex])")
.frame(width: 222, height: 55, alignment: .leading)
}
}
}