status-im
/
react-native-i18n
mirror of https://github.com/status-im/react-native-i18n.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Update README

This commit is contained in:
Mathieu Acthernoene 2017-06-09 11:03:59 +02:00 committed by GitHub
parent 8e22064009
commit 20e7dd584b
1 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
README.md
View File

@ -2,7 +2,7 @@
# react-native-i18n # react-native-i18n
Integrates [I18n.js](https://github.com/fnando/i18n-js) with React Native. Uses the device's locale as default. Integrates [I18n.js](https://github.com/fnando/i18n-js) with React Native. Uses the user preferred locale as default.
<br/> <br/>
<br/> <br/>
@ -32,7 +32,7 @@ If you're having any issue you can also try to install the library manually as f
Add `RNI18n.xcodeproj` to **Libraries** and add `libRNI18n.a` to **Link Binary With Libraries** under **Build Phases**. Add `RNI18n.xcodeproj` to **Libraries** and add `libRNI18n.a` to **Link Binary With Libraries** under **Build Phases**.
[More info and screenshots about how to do this is available in the React Native documentation](http://facebook.github.io/react-native/docs/linking-libraries-ios.html#content). [More info and screenshots about how to do this is available in the React Native documentation](http://facebook.github.io/react-native/docs/linking-libraries-ios.html#content).
You also need to add the **localizations** you intend to support to the iOS project. To do that open your Xcode project: You also need to add the **localizations** you intend to support to your iOS project. To do that open your Xcode project:
``` ```
$ open <your-project>.xcodeproj $ open <your-project>.xcodeproj
@ -83,7 +83,7 @@ protected List<ReactPackage> getPackages() {
After that, you will need to recompile your project with `react-native run-android`. After that, you will need to recompile your project with `react-native run-android`.
**Note: You'll need Android build tools 25.0.2** **Note: You'll need to install Android build tools 25.0.2**
## Usage ## Usage
```javascript ```javascript
@ -113,18 +113,22 @@ I18n.translations = {
This will render `Hi!` for devices with the English locale, and `Bonjour!` for devices with the French locale. This will render `Hi!` for devices with the English locale, and `Bonjour!` for devices with the French locale.
## Usage with multiple location files ## Usage with multiple location files
```javascript ```javascript
// app/i18n/locales/en.js // app/i18n/locales/en.js
export default { export default {
greeting: 'Hi!' greeting: 'Hi!'
}; };
// app/i18n/locales/fr.js // app/i18n/locales/fr.js
export default { export default {
greeting: 'Bonjour!' greeting: 'Bonjour!'
}; };
// app/i18n/i18n.js // app/i18n/i18n.js
import I18n from 'react-native-i18n'; import I18n from 'react-native-i18n';
import en from './locales/en'; import en from './locales/en';
import fr from './locales/fr'; import fr from './locales/fr';
@ -139,6 +143,7 @@ I18n.translations = {
export default I18n; export default I18n;
// usage in component // usage in component
import I18n from 'app/i18n/i18n'; import I18n from 'app/i18n/i18n';
class Demo extends React.Component { class Demo extends React.Component {
@ -155,7 +160,8 @@ When fallbacks are enabled (which is generally recommended), `i18n.js` will try
- en-US - en-US
- en - en
**Note**: iOS locales use underscored (`en_US`) but `i18n.js` locales are dasherized (`en-US`). This conversion is done automatically for you. **Note**: iOS 8 locales use underscored (`en_US`) but `i18n.js` locales are dasherized (`en-US`). This conversion is done automatically for you.
```js ```js
I18n.fallbacks = true I18n.fallbacks = true
@ -168,20 +174,28 @@ I18n.translations = {
} }
} }
``` ```
For a device with a `en_GB` locale this will return `Hi from the UK!'`, for a device with a `en_US` locale it will return `Hi!`. For a device with a `en_GB` locale this will return `Hi from the UK!'`, for a device with a `en_US` locale it will return `Hi!`.
### Device's locale ### Device's locale
You can get the device's locale with the `RNI18n` native module:
You can get the user preferred locales with the `RNI18n` native module:
```js ```js
import ReactNativeI18n from 'react-native-i18n' import { getLanguages } from 'react-native-i18n'
const deviceLocale = ReactNativeI18n.locale
getLanguages().then(languages => {
console.log(languages)
})
``` ```
Returns `en-US`. Returns `['en-US', 'en']`.
### I18n.js documentation ### I18n.js documentation
For more info about I18n.js methods (`localize`, `pluralize`, etc) and settings see [its documentation](https://github.com/fnando/i18n-js#setting-up). For more info about I18n.js methods (`localize`, `pluralize`, etc) and settings see [its documentation](https://github.com/fnando/i18n-js#setting-up).
## Licence ## Licence
MIT MIT