SwiftUI导航栏3年未修复点击bug，求可行解决方案

这个问题是SwiftUI导航栏的常见真机适配问题——系统默认给右侧按钮添加的内边距没有被纳入触摸检测范围，导致视觉上按钮右侧的区域看起来可点击，但实际无法响应。以下是两种亲测有效的解决办法：

方法1：扩展按钮的点击区域（兼容旧版navigationBarItems） #

给按钮添加负的右侧内边距，同时通过contentShape确保扩展的区域能被触摸到：

struct ContentView: View {
    var body: some View {
        NavigationView {
            Text("Hello, world!")
                .navigationBarItems(trailing:
                    Button(action: {
                        print("Tapped!")
                    }) {
                        Image(systemName: "plus")
                    }
                    .padding(.trailing, -12) // 向右侧扩展点击区域，抵消系统内边距的影响
                    .contentShape(Rectangle()) // 让扩展区域具备可点击性
                )
        }
        .navigationViewStyle(StackNavigationViewStyle())
    }
}

方法2：使用Toolbar（iOS14+推荐方案） #

用官方推荐的Toolbar替代navigationBarItems，通过设置按钮的标准尺寸并扩展点击区域：

struct ContentView: View {
    var body: some View {
        NavigationView {
            Text("Hello, world!")
                .toolbar {
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button(action: {
                            print("Tapped!")
                        }) {
                            Image(systemName: "plus")
                        }
                        .frame(width: 44, height: 44) // 设置导航栏按钮的标准触控尺寸
                        .contentShape(Rectangle()) // 确保整个frame区域都能响应点击
                    }
                }
        }
        .navigationViewStyle(StackNavigationViewStyle())
    }
}

两种方案都能让按钮的可点击区域覆盖导航栏右侧的内边距，解决真机上点击无响应的问题。

内容的提问来源于stack exchange，提问作者Hamster