React Native + i18n.js
Go to file
Alexander Zaytsev 898f5cbff1 Convert en_US to en-US for i18n.js 2015-07-09 11:03:49 +07:00
RNI18n Making it work 2015-06-14 19:14:02 +07:00
RNI18n.xcodeproj Wut 2015-06-14 19:52:51 +07:00
vendor Making it work 2015-06-14 19:14:02 +07:00
.gitignore Aw 2015-06-14 17:47:18 +07:00
README.md a 2015-06-14 22:21:55 +07:00
index.js Convert en_US to en-US for i18n.js 2015-07-09 11:03:49 +07:00
package.json Relax peerDependencies 2015-07-02 23:31:48 +07:00

README.md

react-native-i18n

Integrates I18n.js with React Native. Uses the device's locale as default.

Installation

$ npm install react-native-i18n --save

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.

Usage

var I18n = require('react-native-i18n');

var Demo = React.createClass({
  render: function() {
    return (
      <Text>{I18n.t('greeting')}</Text>
    )
  }
});

I18n.translations = {
  en: {
    greeting: 'Hi!'
  },
  fr: {
    greeting: 'Bonjour!'
  }
}

This will render Hi! for devices with the English locale, and Bonjour! for devices with the French locale.

For more info about I18n.js methods (localize, pluralize, etc) and settings see its documentation.

Device's locale

You can get the device's locale with the RNI18n native module:

var deviceLocale = require('react-native').NativeModules.RNI18n.locale

Licence

MIT