导航栏项之间的间距

问题描述

如何将位于 .navigationBarItems 中的两个按钮分开，使它们出现在屏幕的不同角落，如下所示：

这是我正在使用的代码：

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

Spacer() 在这里没有帮助，这两个按钮仍然在一起。

解决方法

使用不同的修饰符，带前导和尾随参数，如

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

,

为什么要在行列中添加两个按钮然后将它们分开？ 您可以像这样使用前导和尾随：

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