Используйте DatePicker для расширения анимации вне формы

Question

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

Пример:

Form {
    DatePicker(selection: $dueDate, displayedComponents: .date) {
        Text("Due date")
    }
}

Расширяется до этого по клику пользователя:

Теперь вопрос; Возможно ли получить это поведение за пределами формы? - Форма заставляет вещи выглядеть ужасно в моем контексте. Я не хочу серый фон или тень.

У кого-нибудь есть решение для этого, или необходима индивидуальная реализация?

Моя первая попытка с помощью Form рядом с DatePicker, дала мне это: :-)

Answer 1

Хорошо, теперь я нашел что-то, что, кажется, работает.

var body: some View {
    VStack(spacing: 0) {
        VStack(alignment: .leading){
            Text("Due date")
            Text(formattedDate)
            Divider().background(Color.gray)
        }.frame(minWidth: 0, maxWidth: .infinity).onTapGesture {
            withAnimation {
                self.showSelect.toggle()
            }
        }
        if showSelect {
            DatePicker("", selection: $date, displayedComponents: [.date]).labelsHidden()
        }
        Spacer()
    }
}

Я не включил все логи c, но это хорошее место для начала.