记录一下在 SwiftUI 导航栏添加按钮
大概是实现这样的效果
NavigationView() {
VStack {
Form {}
}
.navigationBarTitle("小记", displayMode: .inline)
.navigationBarItems(
// 添加左侧(首位)按钮
leading: Button(action: {
print("点击")
}) {
Text("点击")
},
// 添加右侧(末位)按钮
trailing: Button(action: {
print("编辑")
}){
Image(systemName: "plus.circle")
}
)
}
当然,上面的示例也仅仅是左右各设置了一个按钮,如果需要设置多个的话,可以用一个 HStack 组件进行包裹,像下面这样。
HStack {
Button(action: {
print("Edit")
}) {
Image(systemName: "plus.circle")
}
Button(action: {
print("Share")
}) {
Image(systemName: "square.and.arrow.up")
}
}