SwiftUI中如何为UINavigationItem按钮添加返回图标与‘Back’文本？

嘿，这个问题我之前也踩过坑！SwiftUI的Text组件的字符串插值确实不支持直接插入Image——因为Image是一个独立的View类型，不是能嵌入字符串的格式化内容，这就是你看到那个Instance method 'appendInterpolation' requires that 'Image' conform to '_FormatSpecifiable'错误的原因。

下面给你几种靠谱的解决方案，按需选择：

方法1：用HStack组合（通用所有SwiftUI版本） #

这是最灵活、兼容性最好的方式，不管你用的是SwiftUI 1/2/3都能生效，还能自定义图标和文本的间距、样式：

HStack(spacing: 6) { // 这里的spacing可以调整图标和文本的距离
    Image(systemName: "chevron.left")
        .foregroundColor(.blue) // 单独给图标设置颜色
    Text("Back")
        .font(.headline) // 单独给文本设置字体
}

你可以把这个HStack直接作为按钮的label使用，完全满足需求。

方法2：用Label组件（iOS 14+/macOS 11+） #

如果你的项目支持iOS 14及以上，Apple提供的Label控件就是专门干这个事的，代码超简洁：

Label("Back", systemImage: "chevron.left")

要是需要调整图标和文本的布局，还可以通过labelStyle修改，比如想让图标在右边：

Label("Back", systemImage: "chevron.left")
    .labelStyle(.titleAndIcon)
    .environment(\.layoutDirection, .rightToLeft)

方法3：用+运算符组合（SwiftUI 3.0+，iOS 15+/macOS 12+） #

如果项目最低支持iOS 15，还可以用更简洁的写法，直接把Image和Text用+拼接：

Image(systemName: "chevron.left") + Text("Back")

这个写法看起来最接近你最初的想法，但要注意版本兼容性哦。

总结一下：如果要兼容旧版本，选HStack；如果是新项目，Label是最省心的选择；追求简洁且版本允许的话，用+运算符就行。

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