react native 如何实现字符串国际化?

2025-05-04 02:49:23
推荐回答(1个)
回答1:

为了让react 实现本地语言,就需要i18n
当然首先就要npm install
npm install react-intl --save
安装好intl,这个组件依赖react 版本为 0.14.0 以上 或者 15.0.0以上
如果是0.13.0 的 就要对react 升级,主要
0.14以后react 对组件进行了分离,分为 react 和react-dom 还有react-addons
正文开始
建立语言文件:data.json 汉字进行Unicode编码转换
[javascript] view plain copy print?
{
"en": {
"BackManage": "Backstage Management",
"POSTS": "POSTS",
"Posts": "Posts",
"Post Categories":"Post Categories",
"GALLERIES": "GALLERIES",
"Galleries": "Galleries",
"ENQUIRIES": "ENQUIRIES",
"Enquiries": "Enquiries",
"YS": "YS",
"Ys": "Ys",
"OTHERS": "OTHERS",
"TEST": "TEST",
"Users": "Users",
"Test": "Test",
"Tests": "Tests"
},
"zh": {
"BackManage": "\u7ba1\u7406\u540e\u53f0",
"POSTS": "\u6240\u6709\u535a\u6587",
"Posts": "\u535a\u6587",
"Post Categories":"\u535a\u6587\u5206\u7c7b",
"GALLERIES": "\u6240\u6709\u753b\u5eca",
"Galleries": "\u753b\u5eca",
"ENQUIRIES": "\u67e5\u8be2\u6240\u6709",
"Enquiries": "\u67e5\u8be2",
"YS": "\u7ba1\u7406",
"Ys": "\u7ba1\u7406",
"OTHERS": "\u5176\u4ed6",
"Users": "\u7528\u6237\u7ba1\u7406",
"TEST": "\u6d4b\u8bd5",
"Test": "\u6d4b\u8bd5",
"Tests": "\u6d4b\u8bd5"
}
}