Spacing between navigationBarItems

Question

How can I separate two buttons located in .navigationBarItems so they appear in different corners of the screen like here:

Here's the code I'm using:

.navigationBarItems(leading:
    HStack {
        EditButton()
        Spacer()
        Button(action: {
                someAction()
            }) {
                Image(systemName: "plus")
            }
        }
)

Spacer() doesn't help here and those two buttons still go together.

Answer 1

Use different modifier, with leading and trailing parameters, like

.navigationBarItems(
     leading: EditButton(), 
     trailing: 
        Button(action: {
                someAction()
            }) {
                Image(systemName: "plus")
            }
        })

Answer 2

Why you add two buttons in leading then you separate them ? you can use leading and trailing like this :

        .navigationBarItems(leading:  EditButton(),  
                            trailing: Button(action: {
                                       someAction()
                                     }) {
                                       Image(systemName: "plus")
                                     }     
                             )