MST
星途 面试题库

面试题:Swift中SwiftUI导航视图的基本使用

请描述在SwiftUI中如何创建一个简单的导航视图,包括如何设置导航栏标题以及如何在不同视图之间进行导航切换。同时,请给出对应的Swift代码示例。
34.2万 热度难度
编程语言Swift

知识考点

AI 面试

面试题答案

一键面试

创建简单导航视图

在SwiftUI中,使用NavigationView来创建导航视图。

设置导航栏标题

在需要设置标题的视图中,使用.navigationTitle(_:)修饰符。

不同视图之间导航切换

通常使用NavigationLink来实现不同视图之间的导航切换。当用户点击NavigationLink时,会导航到目标视图。

代码示例

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            List {
                NavigationLink("Go to Detail", destination: DetailView())
            }
           .navigationTitle("Main")
        }
    }
}

struct DetailView: View {
    var body: some View {
        Text("This is the detail view")
           .navigationTitle("Detail")
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

上述代码中,ContentView使用NavigationView创建导航视图,在List中添加NavigationLink用于导航到DetailView,并分别在ContentViewDetailView中使用.navigationTitle设置导航栏标题。