如何在导航栏 swift ui 中设置左右按钮（前导/尾随）？

Question

我想在 swift ui 的导航栏左侧（前导）设置一个按钮，在导航栏右侧（尾随）设置一个按钮。
请帮我做。

.navigationBarItems(leading:
  HStack {
   Button("About") {
    print("About tapped!")
   }
  }
 )

Answer 1

使用以下修饰符

.navigationBarItems(leading:
   Button("About") {
    print("About tapped!")
   },
 trailing: 
   Button("Settings") {
    print("Settings tapped!")
   }
)

Answer 2

试试这个代码来设置多个按钮：

.navigationBarItems(
   leading:
     HStack {
       Button("About") {
         print("About tapped!")
       }
       Button("Call") {
         print("Call tapped!")
       }
     },

   trailing:
     HStack {
       Button("Settings") {
         print("Settings tapped!")
       }
       Button("Contacts") {
         print("Contacts tapped!")
       }           
     }
  )

Answer 3

不推荐使用 navigationBarItems。 因此下面的代码将起作用。

.toolbar {
                    
                    ToolbarItem(placement:.navigationBarTrailing) {
                        HStack{
                            Button("Add"){
                                saveDetails()
                                dismiss()
                            }
                        }
                       
                    }
                    ToolbarItem(placement: .navigationBarLeading) {
                        Button("Cancel"){
                            dismiss()
                        }
                    }
                }

在此添加按钮将显示为右键，取消显示为左键。