使用偏移时导航栏项目可点击区域被剪切

在 SwiftUI 中，考虑这个导航栏：

这是尾随的方式.navigationBarItems宣布：

HStack(spacing: 0) {
    Button(action: {
        self.addListModal = true
    }, label: {
        NavBarImage(image: "plus")
    })
    // more buttons here

这里是NavBarImage struct:

struct NavBarImage: View {
    var image: String

    var body: some View {
        ZStack {
            Rectangle().foregroundColor(Color.red).frame(width: 40, height: 45)
            Image(systemName: image)
        }
    }
}

红色在那里，所以我可以看到每个按钮的可点击区域应该是什么。这ZStack with a Rectangle我向我介绍的想法是为了让图像更容易点击。

现在，我想将项目向右移动，以便它们更符合下面的列表内容。我尝试添加一个.offset to my HStack:

HStack(spacing: 0) {
    // buttons
}
.offset(x: 15, y: 0)

产生这个结果：

所以这对我来说看起来很完美。然而，问题是最右侧导航按钮的可点击区域在右侧被切断。

我在这里用绿色说明了可点击区域的切断：

所述按钮的绿色区域不再记录任何点击。

我尝试过使用负尾随.padding on the HStack相反，这没有什么区别。有没有办法可以纠正这个问题，也许可以使用一些UINavigationBar声明中init()我的内容视图？

Edit:

我刚刚尝试添加.accessibility to the Rectangle结果是一样的：

Rectangle().foregroundColor(Color.red)
    .accessibility(label: Text(image))
    .frame(width: 40, height: 45)

尝试使用代替

HStack(spacing: 0) {
    // buttons
}
.padding(.trailing, 15)