TabView 的 SwiftUI 动画选项卡

Question

在 SwiftUI 中使用 TabView 时，是否可以修改选项卡选择之间的转换？ Currently, when different tabs are selected, the transition is pretty sudden;居然瞬间突然，哎哟

例如，给定以下内容：

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")
    }
}

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

谢谢！

Answer 1

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

TabView {
   // code here
}
.animation(*animation type*)

您拥有的基本动画类型是

.default

、

.easeIn

、

.easeOut

、

.easeInOut

和

.linear

.

希望这有帮助！

Answer 2

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

如果您正在寻找幻灯片过渡，其中一个面板滑出而另一个面板滑入，那么您可能无法使用

TabView

来管理它。但是，如果您放弃

TabView

并自己构建选项卡和面板切换器，这是可能的。有关示例，请参阅 SwiftUI 双向移动转换在某些情况下以错误的方式移动 的答案。