swiftui使用String Catalog文件实现语言本地化

自定义view中的字符串不能自动加入Localizable.xcstrings文件中,自定义代码:

css 复制代码
import SwiftUI

struct FeatureCard: View {
    var title: String
    var systemImage: String
    var color: Color
    
    var body: some View {
        VStack {
            Image(systemName: systemImage)
                .font(.system(size: 30))
                .foregroundColor(color)
                .padding(.bottom, 8)
            
            Text(title)
                .font(.system(size: 14, weight: .medium))
                .multilineTextAlignment(.center)
        }
        .frame(width: 100, height: 100)
        .background(.ultraThinMaterial)
        .cornerRadius(15)
        .shadow(color: .black.opacity(0.1), radius: 5, x: 0, y: 2)
    }
}

你当前定义中:

var title: String 这正是导致 Xcode 无法自动将这些字符串提取到 Localizable.xcstrings 的核心原因。

🧠 原理再强调一下:

Xcode 的 String Catalog 只能自动收集 SwiftUI 中使用 Text("字符串字面量") 或 LocalizedStringKey 的字符串。

你现在传进去的是 String 类型(虽然你传的是字面量),但因为类型是 String,SwiftUI 会自动调用 Text(verbatim:) 初始化器,而这个是不参与本地化提取的。

✅ 正确写法:

改成 LocalizedStringKey 请将 title: String 改成:

var title: LocalizedStringKey

这是 SwiftUI 专门为本地化设计的类型。

改完后你的 FeatureCard 组件如下:

less 复制代码
struct FeatureCard: View {
    var title: LocalizedStringKey  // ✅ 改这里
    var systemImage: String
    var color: Color

    var body: some View {
        VStack {
            Image(systemName: systemImage)
                .font(.system(size: 30))
                .foregroundColor(color)
                .padding(.bottom, 8)

            Text(title)  // ✅ 这样才会被 Xcode 编译器识别为可本地化的 key
                .font(.system(size: 14, weight: .medium))
                .multilineTextAlignment(.center)
        }
        .frame(width: 100, height: 100)
        .background(.ultraThinMaterial)
        .cornerRadius(15)
        .shadow(color: .black.opacity(0.1), radius: 5, x: 0, y: 2)
    }
}

调用的时候什么都不需要改,你依然可以这样写:

less 复制代码
 FeatureCard(title: "提取资源", systemImage: "square.and.arrow.down", color: .blue) 

🧪 检查是否生效的方法:

  1. ✅ 清理工程(Product → Clean Build Folder)

  2. ✅ 重新构建项目(Cmd + B)

  3. ✅ 在 Xcode 的左侧导航栏中找到 Localizable.xcstrings,检查是否已经自动添加了 "提取资源"、"海外素材" 等字符串。

  4. ❗注意不要使用字符串拼接、格式化等方式传参(这会打破静态分析)。

✨ 额外建议(增强维护性):

为了更好地维护和集中管理你这些本地化 Key,建议你可以额外定义一个 enum 或 struct:

csharp 复制代码
struct LocalizedKeys {
    static let extractResources = LocalizedStringKey("提取资源")
    static let overseasMaterial = LocalizedStringKey("海外素材")
    static let xhsLivePhoto = LocalizedStringKey("红薯实况图")
    // ...其他key
}

然后调用时使用:

less 复制代码
 FeatureCard(title: LocalizedKeys.extractResources, systemImage: "square.and.arrow.down", color: .blue) 

更易于管理和本地化多语言版本。

相关推荐
brzhang1 小时前
颠覆你对代码的认知:当程序和数据只剩下一棵树,能读懂这篇文章的人估计全球也不到 100 个人
前端·后端·架构
斟的是酒中桃1 小时前
基于Transformer的智能对话系统:FastAPI后端与Streamlit前端实现
前端·transformer·fastapi
烛阴2 小时前
Fract - Grid
前端·webgl
JiaLin_Denny2 小时前
React 实现人员列表多选、全选与取消全选功能
前端·react.js·人员列表选择·人员选择·人员多选全选·通讯录人员选择
brzhang2 小时前
我见过了太多做智能音箱做成智障音箱的例子了,今天我就来说说如何做意图识别
前端·后端·架构
为什么名字不能重复呢?3 小时前
Day1||Vue指令学习
前端·vue.js·学习
eternalless3 小时前
【原创】中后台前端架构思路 - 组件库(1)
前端·react.js·架构
Moment3 小时前
基于 Tiptap + Yjs + Hocuspocus 的富文本协同项目,期待你的参与 😍😍😍
前端·javascript·react.js
Krorainas4 小时前
HTML 页面禁止缩放功能
前端·javascript·html
whhhhhhhhhw4 小时前
Vue3.6 无虚拟DOM模式
前端·javascript·vue.js