SwiftUI 导航栏添加按钮

889 阅读1分钟

记录一下在 SwiftUI 导航栏添加按钮

大概是实现这样的效果

image.png

NavigationView() {
    VStack {
        Form {}
    }
    .navigationBarTitle("小记", displayMode: .inline)
    .navigationBarItems(
        // 添加左侧(首位)按钮
        leadingButton(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")
    }
}