在移动开发中，多语言是一个必不可少的功能。react-native-locale-manager 是一个可以帮助我们处理本地化多语言的 npm 包。该包支持 iOS 和 Android 平台，能够很好地解决多语言资源管理的问题。
安装
使用 npm 安装 react-native-locale-manager
npm install react-native-locale-manager --save
配置
在使用 react-native-locale-manager 前需要进行相关配置。
- 在 iOS 平台中，需要将工程的 "Localization native development region" 设置为 "EDITABLE".
- 在 Android 平台中，在
strings.xml文件中添加需要的本地化资源。
使用
react-native-locale-manager 提供了两个主要功能，分别是获取当前本地化语言和管理多语言资源。
获取当前本地化语言
可以使用 LocaleManager.getCurrentLocale() 方法来获取当前本地化语言。该方法返回一个 Promise 对象，需在 .then() 方法中获取当前本地化语言。
import { LocaleManager } from 'react-native-locale-manager';
LocaleManager.getCurrentLocale()
.then(locale => {
console.log(locale);
});管理多语言资源
react-native-locale-manager 通过 locale 对象来管理本地化资源。可以通过如下方式来添加新的本地化资源：
-- -------------------- ---- -------
------ - ------------- - ---- ------------------------------
-------------------------
----- -
----------- ------- --------
------------- ------ ----
--
---------- -
----------- ---------
------------- -----
-
---其中，"en" 和 "zh-Hans" 分别是本地化语言的标识符。
可以使用如下方式来获取本地化资源：
-- -------------------- ---- -------
------ - ------------- - ---- ------------------------------
-----------------------------------
-------------- -- -
----------------------
---
-------------------------------------
---------------- -- -
------------------------
---以上代码中，getString 方法返回一个 Promise 对象，需在 .then() 方法中获取对应的本地化资源。
示例代码
App.js
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----- ----- ------ - ---- ---------------
------ - ------------- - ---- ------------------------------
------ ------- ----- --- ------- --------- -
------------------ -
-------------
---------- - -
--------- ---
----------- --
--
-
------------------- -
-------------------------
----- -
----------- ------- --------
------------- ------ ----
--
---------- -
----------- ---------
------------- -----
-
---
-----------------------------------
-------------- -- -
--------------- -------- ---
---
-------------------------------------
---------------- -- -
--------------- ---------- ---
---
-
-------- -
------ -
----- -------- ----- -- --------------- --------- ----------- -------- ---
----------------------------------
------- ----------------------------- ----------- -- --- --
-------
--
-
-strings.xml
<resources>
<string name="app_name">LocaleManagerDemo</string>
<string name="hello_world">Hello world!</string>
<string name="greeting">Hello, world!</string>
<string name="buttonText">Click me!</string>
</resources>总结
react-native-locale-manager 是一款使用方便的管理多语言资源的 npm 包。通过使用该包，能够很好地解决移动开发中多语言资源管理的问题。同时，也能够很好地配合 React Native 框架使用，提高应用的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cec81e8991b448da886