📜  添加导航栏按钮 swiftui - Swift (1)

📅  最后修改于: 2023-12-03 14:56:07.603000             🧑  作者: Mango

在SwiftUI中添加导航栏按钮

在SwiftUI中,添加导航栏按钮是非常简单的。您可以使用 navigationBarItems() modifier来定义导航栏上的按钮。

struct ContentView: View {
    var body: some View {
        NavigationView {
            Text("Hello, World!")
                .navigationBarTitle("My App")
                .navigationBarItems(trailing:
                    Button("Settings") {
                        // do something
                    }
                )
        }
    }
}

在这个例子中,我们定义了一个标题为"My App"的导航栏,并在其右侧添加了一个名为"Settings"的按钮。当用户点击该按钮时,按钮上的处理程序将被调用。

您还可以添加多个按钮到导航栏上,并指定它们在左侧或右侧。下面的例子为导航栏添加了两个按钮:

struct ContentView: View {
    @State private var showingSheet = false
    
    var body: some View {
        NavigationView {
            Text("Hello, World!")
                .navigationBarTitle("My App")
                .navigationBarItems(
                    leading: Button("Edit") {
                        // do something
                    },
                    trailing: HStack {
                        Button("Settings") {
                            // do something
                        }
                        Button(action: {
                            self.showingSheet = true
                        }) {
                            Image(systemName: "info.circle")
                        }
                        .sheet(isPresented: $showingSheet) {
                            AboutView()
                        }
                    }
                )
        }
    }
}

在这个例子中,我们添加了一个名为"Edit"的按钮到导航栏左侧,并添加了两个按钮到导航栏右侧。第一个按钮是名为"Settings"的标准按钮,第二个按钮是一个带有信息图标的自定义按钮。当点击第二个按钮时,它将打开一个模态视图显示应用程序的关于页面。

总之,在SwiftUI中添加导航栏按钮非常简单,您可以使用 navigationBarItems() modifier为导航栏添加自定义按钮。