ศูนย์กลาง DatePicker ทางแนวตั้งภายในแบบฟอร์ SwiftUI

Question 1

มันมีทางที่จะศูนย์นี้ datepicker ทางแนวตั้ง? นี่คือเห็นได้ชัดว่าเป็นไปได้ถ้าพวกเราทิ้ง Form (และใช้ VStack และ Spacers)แต่เป็น constraint พยายามทำให้แบบฟอร์ม. หรือถ้าคุณต้องการจะกำจัดรูปแบบฉันจะชอบหนทางที่จะเก็บเหมือนสีเทาสีพื้นหลังของมันแบบฟอร์มสร้า. ฉันชอบส่วนผสมที่แน่นอนเฉดสีเทาของมันแบบฟอร์มสร้านเป็นเบื้องหลัง

ตัวอย่างรหัส:

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

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

แก้ไข:

ฉันพยายามทำให้ spacers อยู่แบบฟอร์มและร spacers ภายในรูปแบบ(ทั้งคู่อยู่ห่าง 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()
            }
        }
    }
}

ศูนย์กลาง DatePicker ทางแนวตั้งภายในแบบฟอร์ SwiftUI

คำถาม

คำตอบที่ดีที่สุด

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่