在 SwiftUI 2.0 中更改 DatePicker 的文本对齐方式 iOS 14

Question

目前是否可以在 SwiftUI 2.0 中更改 DatePicker 的文本对齐方式？

DatePicker(selection: $birthDate, in: ...Date().stripTime(), displayedComponents: .date) {
      Text("Birthday")
}

左侧显示生日文本，右侧显示日期选择器文本，但我希望它显示在右侧

Answer 1

这是可能的解决方案。测试 Xcode 12 / iOS 14

DatePicker(selection: $birthDate, in: ...Date().stripTime(), displayedComponents: .date) {
      Text("Birthday").frame(maxWidth: .infinity, alignment: .trailing)
}.fixedSize().frame(maxWidth: .infinity, alignment: .trailing)

更新：

HStack {
    Text("Birthday")
    Spacer()
    DatePicker("", selection: $birthDate, in: ...Date().stripTime(), displayedComponents: .date)
        .fixedSize()
}

backup

Answer 2

我的建议是将所需项目包含在 VStack 中，并设置对齐和间距。这使 VStack 内的所有内容保持对齐。

我会删除 Spacer()，因为这会将第二个项目推到右边距。

    VStack (alignment: .leading, spacing: 8) {
        HStack {
            Text("Birthday")
            // some other spacer
            DatePicker("", selection: $birthDate, in: ...Date().stripTime(),displayedComponents: .date)
            .fixedSize()
        }
    }

在 SwiftUI 2.0 中更改 DatePicker 的文本对齐方式 iOS 14

Change text alignment of DatePicker in SwiftUI 2.0 iOS 14

ios

datepicker

swiftui

ios14