TabView 的 SwiftUI 动画选项卡

Jus*_*gan 5 animation transition swiftui

在 SwiftUI 中使用 TabView 时,是否可以修改选项卡选择之间的转换?目前,当选择不同的选项卡时,转换非常突然;居然瞬间突然,哎哟。

例如,给定以下情况:

TabView {
Text("The First Tab")
    .tabItem {
        Image(systemName: "1.square.fill")
        Text("First")
    }
Text("Another Tab")
    .tabItem {
        Image(systemName: "2.square.fill")
        Text("Second")
    }
Text("The Last Tab")
    .tabItem {
        Image(systemName: "3.square.fill")
        Text("Third")
    }
}
Run Code Online (Sandbox Code Playgroud)

如何添加类似 .transition(AnyTransition.opacity.combined(with: .slide)) 的内容

谢谢 !

Iir*_*nen 3

您可以将 .animation 属性添加到 TabView 中。

TabView {
   // code here
}
.animation(*animation type*)
Run Code Online (Sandbox Code Playgroud)

基本动画类型有.default.easeIn.easeOut.easeInOut.linear

希望这可以帮助!

  • 我在 Xcode Tabbed 应用程序项目模板中尝试过,但不起作用。 (2认同)