📅  最后修改于: 2023-12-03 14:56:07.603000             🧑  作者: Mango
在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为导航栏添加自定义按钮。