SwiftUI - 隐藏视图时的动画

Question

在视图中的一组主体中显示或隐藏视图时，我试图用 SwiftUI 找出动画。 我有这个代码：

    var body: some View {

        Group {

            if isIntroShown {
                EAIntroViewContentView()
                .transition(AnyTransition.opacity.animation(.easeInOut(duration: 1.0)))
            }

            if mainhomeMode == .mylists {
                MyLists()
                    .onReceive(publisher) { (payload) in
                        self.toggleMainView()
                    }
            } else {
                CarsHome()
                    .onReceive(publisher) { (payload) in
                        self.toggleMainView()
                    }
            }

        }.onReceive(publisherIntro) { (payload) in
            self.onShowIntroButton()
        }
    }

隐藏EAIntroView ，过渡动画正常工作，但块弹出将mainhomeMode移动到窗口顶部而没有动画。 如何隐藏和显示介绍视图使隐藏/显示事件平滑？

Answer 1

好吧，经过一些测试和@Boris 的回复，我知道我需要做什么。

代码应该是这样的：

    func onShowIntroButton() {
        withAnimation(.easeInOut(duration: 0.5)) {
             isIntroShown.toggle()
        }
    }

    var body: some View {

            VStack{                    
                if isIntroShown {
                    EAIntroViewContentView()
                    .transition(AnyTransition.opacity.animation(.linear(duration: 0.5)))
                }

                Spacer()

                if mainhomeMode == .mylists {
                    MyLists()
                        .onReceive(publisher) { (payload) in
                            self.toggleMainView()
                        }

                } else {
                    CarsHome()
                        .onReceive(publisher) { (payload) in
                            self.toggleMainView()
                        }
                }

        }.onReceive(publisherIntro) { (payload) in
            self.onShowIntroButton()
        }
    }

我正在使用通知切换视图。 所以动画必须从toggle()函数中调用。

在这种情况下，我必须在onShowIntroButton()函数中切换介绍视图时调用动画。

VStak和Spacer()也使动画更流畅。希望对其他开发者有所帮助。

Answer 2

你有没有尝试过这样的事情？

withAnimation {
    self.toggleMainView()
}