Как анимировать скрытые виды с SwiftUI?

Question

Я опробовал SwiftUI, и, хотя многие его функции были очень элегантными, у меня были проблемы с анимацией и переходами. В настоящее время у меня есть что-то вроде

if shouldShowText { Text(str).animation(.default).transition(AnyTransition.opacity.animation(.easeInOut)) }

. Этот ярлык правильно переходит, но когда он должен двигаться (например, когда другой вид сверху скрыт), он не анимируется, как я ожидал, а скорее прыгает на место. Я заметил, что упаковка всего в HStack работает, но я не понимаю, почему это необходимо, и я надеялся, что есть лучшее решение.

Спасибо

Answer 1

Если я правильно понял и реконструировал ваш сценарий, вам нужно использовать явный withAnimation (в зависимости от потребностей либо для «вида сверху», либо для обоих), как показано ниже

struct SimpleTest: View {

    @State var shouldShowText = false
    @State var shouldShowAbove = true
    var body: some View {
        VStack {
            HStack
            {
                Button("ShowTested") { withAnimation { self.shouldShowText.toggle() } }
                Button("HideAbove") { withAnimation { self.shouldShowAbove.toggle() } }
            }
            Divider()
            if shouldShowAbove {
                Text("Just some above text").padding()
            }
            if shouldShowText {
                Text("Tested Text").animation(.default).transition(AnyTransition.opacity.animation(.easeInOut))
            }
        }
    }
}