SwiftUI中安全区域侧边按钮点击无响应，需实现可点击功能

问题出在你给整个VStack添加了.ignoresSafeArea()，这会让视图布局延伸到系统安全区域之外，但按钮的可交互区域默认受限于安全区域范围，导致侧边的按钮点击无响应。

方案一：仅让背景忽略安全区域 #

把背景的忽略安全区域设置单独应用到背景层，这样主视图依然遵循安全区域布局，按钮的交互区域就能正常响应：

struct ContentView: View {
    var body: some View {
        VStack(spacing: 0) {
            HStack(spacing: 0) {
                Button(action: {
                    print("back menu")
                }) {
                    Image(systemName: "globe")
                        .resizable()
                        .foregroundColor(.red)
                }
                .frame(width: 40, height: 40)
                .padding(.leading, 20)
                Spacer()
            }
            .padding(.top, 20)
            Spacer()
        }
        .background(Color.gray.ignoresSafeArea()) // 仅背景忽略安全区域
    }
}

方案二：扩展按钮的可点击区域 #

如果需要保持整个视图忽略安全区域，可通过contentShape扩展按钮的交互区域，确保点击能覆盖按钮的可见范围：

struct ContentView: View {
    var body: some View {
        VStack(spacing: 0) {
            HStack(spacing: 0) {
                Button(action: {
                    print("back menu")
                }) {
                    Image(systemName: "globe")
                        .resizable()
                        .foregroundColor(.red)
                }
                .frame(width: 40, height: 40)
                .padding(.leading, 20)
                .contentShape(Rectangle()) // 扩展点击区域到整个frame
                Spacer()
            }
            .padding(.top, 20)
            Spacer()
        }
        .background(Color.gray)
        .ignoresSafeArea()
    }
}

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