SwiftUI 教程之如何以编程方式在 NavigationStack的 TabView 中导航选项卡

柯建业
2023-12-01

SwiftUITabView提供了一种在基于选项卡的 UI 中呈现多个子视图的方法,用户可以通过选项卡选择在选项卡之间切换。

TabViews提供一种以编程方式更改选项卡的方法。如果您正在使用TabView.

TabViewselection参数是一个类型Binding,所以我们可以传递任何binding变量,只要它符合Hashable协议。

让我们构建一个简单的应用引导屏幕来学习程序化tab选择。

我们将从 StepsView 开始,这将是我们要向用户展示的步骤。此视图将采用标题、副标题来显示有关他的应用程序的信息。此视图还将采用两个绑定属性, selectedIndex(用于捕获和增加页面索引)和 showHome(在用户处于最后一步时显示主屏幕)

struct StepsView: View {
    var title: String
    var subtitle: String
    @Binding var selectedIndex: Int
    @Binding var showHome: Bool
    
    var body: some View {
        NavigationStack {
            ZStack(alignment: .bottomTrailing) {
                VStack {
                    Text(title)
                        .font(.largeTitle)
                        .foregroundColor(.primary)
                    
                    Text(subtitle)
                        .font(.title3)
                        .foregroundColor(.secondary)
  
 类似资料: