中心的日期选择垂直在形式SwiftUI

Question 1

是否有任何方式中心这个垂直的日期选择? 这显然是可能的，如果我们放弃 Form (和使用VStack和间隔)，但作为约束，尽量保持的形式。或如果你需要摆脱的形式，我会更喜欢一种方法来保持相同的灰色背景色的形式产生。我碰巧喜欢的确切的灰色阴影，的形式生成，作为一个背景。

样本代码:

struct TestDate: View {
    @State var chosenDate = Date()

    var body: some View {
        Form {
            DatePicker("Date", selection: $chosenDate, in: Date()..., displayedComponents: [.hourAndMinute, .date])
            .datePickerStyle(GraphicalDatePickerStyle())
        }
    }
}

编辑：

我已经试图把隔周围的形式，并把隔在形成(国内VStacks). 我还检查了如果 Form 有任何参数我可以改变上 init但不像 VStack 和 HStack没有出现任何准参数或间隔 Form. 只 content:

Question 2

你可以试试这样的事情，而不是:

struct TestDate: View {
    @State var chosenDate = Date()

    var body: some View {
        ZStack {
            Color(red: 236/255, green: 236/255, blue: 236/255, opacity: 1).ignoresSafeArea(.all)
            VStack {
                Spacer()
                DatePicker("Date", selection: $chosenDate, in: Date()..., displayedComponents: [.hourAndMinute, .date])
                    .datePickerStyle(GraphicalDatePickerStyle())
                    .background(Color.white)
                    .cornerRadius(15)
                    .padding(10)
                Spacer()
            }
        }
    }
}

workingdog · Answer 1 · 2021-11-24T06:04:07

你可以试试这样的事情，而不是:

struct TestDate: View {
    @State var chosenDate = Date()

    var body: some View {
        ZStack {
            Color(red: 236/255, green: 236/255, blue: 236/255, opacity: 1).ignoresSafeArea(.all)
            VStack {
                Spacer()
                DatePicker("Date", selection: $chosenDate, in: Date()..., displayedComponents: [.hourAndMinute, .date])
                    .datePickerStyle(GraphicalDatePickerStyle())
                    .background(Color.white)
                    .cornerRadius(15)
                    .padding(10)
                Spacer()
            }
        }
    }
}

中心的日期选择垂直在形式SwiftUI

的问题

最好的答案

其他语言

此页面有其他语言版本

受欢迎的此类别

流行的问题，在这个类别