swiftui - Swiftui：将选择器中的选定文本与前沿对齐

Question

目前我已经picker包含在Section我Form想要达到的目标是将所选值与pickeriOS 13 和 14 中的前导对齐，我尝试了许多解决方案，例如labelsHidden()但没有结果，请找到在 iOS 14 上生成以下屏幕截图的代码示例，任何帮助将不胜感激

struct ContentView: View {
    @State private var selectedStrength = "Mild"
    let strengths = ["Mild", "Medium", "Mature"]

    var body: some View {
        NavigationView {
            Form {
                Section {
                    Picker("", selection: $selectedStrength) {
                        ForEach(strengths, id: \.self) {
                            Text($0)
                        }
                    }
                }
            }
        }
    }
}

Answer 1

在 a 中使用Text()with Spacer()aHStack()

struct ContentView: View {
    @State private var selectedStrength = "Mild"
    let strengths = ["Mild", "Medium", "Mature"]

    var body: some View {
        NavigationView {
            Form {
                Section {
                    Picker("", selection: $selectedStrength) {
                        ForEach(strengths, id: \.self) { t in
                            HStack {
                                Text(t)
                                Spacer()
                            }
                        }
                    }
                }
            }
        }
    }
}