Блог

Если я попытаюсь открыть этот указатель даты, представление будет прыгать во время перехода, прежде чем перейти в фиксированное положение. В консоли также отображается длинное сообщение об ошибке …»Не в состоянии одновременно удовлетворять ограничениям»….

Если я только покажу .компонент даты этой проблемы нет. Является ли это внутренней проблемой? Если да, то как я могу заархивировать такое же поведение, потому что мне нужен выбор даты и времени без всплывающего окна сведений для более быстрого выбора.

Спасибо за любую помощь 🙂

https://imgur.com/a/IEy2syY (При нажатии на вторую кнопку происходит неправильный переход)

 struct ContentView: View {
    @State var toggle = false
    @State var date = Date(timeIntervalSinceNow: 0)
    var body: some View {
        ZStack{
            Button("sdflkj"){
                toggle.toggle()
            }
            VStack{
                Spacer()
                if toggle{
                    DatePicker("lsadjf", selection: $date, displayedComponents: [.date,.hourAndMinute])
                        .labelsHidden()
                        .datePickerStyle(GraphicalDatePickerStyle())
                }
            }
        }
   
    }
}
 

Похоже, это ошибка, вызванная перекрытием Button и DatePicker .

Протестировано с помощью симулятора iPhone 12

 struct ContentView: View {
    
    @State var toggle = false
    @State var date = Date(timeIntervalSinceNow: 0)
    
    var body: some View {
        ZStack{
            Button("Button"){
                // add `withAnimation()`
                withAnimation(.easeIn) {
                    toggle.toggle()
                }
            }
            .offset(y: -50) // set y offset for prevent overlapping of Button and DatePicker
            
            VStack{
                Spacer()
                if toggle {
                    DatePicker("", selection: $date, displayedComponents: [.date,.hourAndMinute])
                        .padding()
                        .labelsHidden()
                        .datePickerStyle(GraphicalDatePickerStyle())
                        .zIndex(5) // or add .zIndex for prevent overlapping of Button and DatePicker
                }
            }
        }
    }
}