Workaround for GraphicalDatePickerStyle loading jump?

Question

Created Oct ’21

Replies 1

Boosts 0

Views 1.1k

Participants 1

When displaying a GraphicalDatePickerStyle on a sheet the GraphicalDatePickerStyle starts shrunk then jumps to full size.

Button(action: {
    withAnimation() {
        showDatePicker.toggle()
    }
}) {
    Text("Button")
}
.sheet(isPresented: $showDatePicker) {
    DatePicker("",
        selection: $viewModel.date,
        in: ...Date(),
        displayedComponents: [.date]
   )
   .datePickerStyle(GraphicalDatePickerStyle())
   .padding()  
}

I've tried to remove the padding and that did not resolve my issue. Prior to the stable iOS 15.0 release this was not an issue (on iOS 14->15 developer beta 2)

Is there a workaround for this issue or is this a recognized bug?

Answered by NCostello73 in 695383022

Not a complete answer but, a workaround for this issue is to define a hard-coded height and width. The following worked well, in my opinion, on all screen sizes:

.frame(maxWidth:380)
.frame(height:400)

Boost

Answer 1

NCostello73 OP

Nov ’21

Accepted Answer

Not a complete answer but, a workaround for this issue is to define a hard-coded height and width. The following worked well, in my opinion, on all screen sizes:

.frame(maxWidth:380)
.frame(height:400)

0