如何调整SwiftUI中导航栏返回按钮的内边距

默认系统返回按钮的内边距没有原生SwiftUI的调整接口，以下是不同场景下的可用方案： #

方案1：自定义返回按钮（全版本兼容，灵活度最高） #

直接隐藏系统默认返回按钮，自行实现按钮组件，可完全控制间距、样式：

struct TargetView: View {
    // 适配iOS 15+的返回调用，iOS 13/14可替换为@Environment(\.presentationMode) var presentationMode
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        // 页面主内容
        Text("页面内容")
            // 隐藏系统默认返回按钮
            .navigationBarBackButtonHidden(true)
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) {
                    Button {
                        dismiss()
                        // iOS13/14用这个：presentationMode.wrappedValue.dismiss()
                    } label: {
                        HStack(spacing: 3) {
                            Image(systemName: "chevron.left")
                                .fontWeight(.semibold)
                            Text("Navigation")
                        }
                        .foregroundColor(.blue)
                        // 按需调整左侧间距，数值可自行修改
                        .padding(.leading, 18)
                    }
                }
            }
    }
}

方案2：全局统一调整（适合全App统一风格） #

如果需要所有页面的返回按钮都增加左侧间距，可通过UIKit的外观代理全局修改：

// 在App初始化时执行一次即可，比如放在App结构体的init方法里
init() {
    let navBarAppearance = UINavigationBar.appearance()
    // 调整返回按钮文字的水平偏移，正数为向右偏移（增加左侧间距）
    navBarAppearance.backButtonAppearance.normal.titlePositionAdjustment = UIOffset(horizontal: 12, vertical: 0)
}

注意：该方案全局生效，不需要调整的页面需单独用自定义返回按钮覆盖 #

方案3：iOS 16+ 专用简化方案 #

iOS 16及以上版本可以配合toolbarRole去掉系统默认的边距约束，直接调整自定义按钮的间距：

struct TargetView: View {
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        Text("页面内容")
            .navigationBarBackButtonHidden()
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) {
                    Button {
                        dismiss()
                    } label: {
                        HStack(spacing: 4) {
                            Image(systemName: "chevron.left")
                            Text("Navigation")
                        }
                        .foregroundColor(.blue)
                        .padding(.leading, 20)
                    }
                }
            }
            // 去掉系统对导航栏 leading 位置的默认边距偏移
            .toolbarRole(.editor)
    }
}

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