React Native I18n

Alternatives To React Native I18n
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Formatjs13,8687,9803,590a day ago312June 12, 202333TypeScript
The monorepo home to all of the FormatJS related libraries, most notably react-intl.
Js Lingui3,898471294 days ago96August 08, 202326mitTypeScript
🌍 📖 A readable, automated, and optimized (3 kb) internationalization for JavaScript
Twinkle Tray3,793
7 days ago260mitJavaScript
Easily manage the brightness of your monitors in Windows from the system tray
Nodejs.org2,918116 hours ago7May 05, 202248otherTypeScript
The Node.js® Website
Next Translate2,3461316 days ago241August 04, 2023111mitJavaScript
Next.js plugin + i18n API for Next.js 🌍 - Load page translations and use them in an easy way!
React Native I18n2,176705334 months ago27July 18, 201875mitObjective-C
React Native + i18n.js
Typesafe I18n1,85513a day ago265August 25, 202316mitTypeScript
A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects.
Tolgee Platform896
16 hours ago104otherKotlin
Developer & translator friendly web-based localization platform
Reactnativelocalization890119283 months ago61July 03, 202368mitJavaScript
Class to localize the ReactNative interface
Fluent.js8548152 months ago9December 21, 202189apache-2.0JavaScript
JavaScript implementation of Project Fluent
Alternatives To React Native I18n
Select To Compare

Alternative Project Comparisons

⚠️ This package is deprecated

This library is deprecated in favor of react-native-localize. You can use react-native-localize with I18n-js (but also with react-intl, react-i18next, etc. The choice is yours!)


Integrates I18n.js with React Native. Uses the user preferred locale as default.


Using yarn (recommended)

$ yarn add react-native-i18n

Using npm

$ npm install react-native-i18n --save

Automatic setup

After installing the npm package you need to link the native modules.

If you're using React-Native >= 0.29 just link the library with the command react-native link react-native-i18n.

If you're using React-Native < 0.29, install rnpm with the command npm install -g rnpm and then link the library with the command rnpm link.

If you're having any issue you can also try to install the library manually as follows.

Automatic setup with Cocoapods

After installing the npm package, add the following line to your Podfile

pod 'RNI18n', :path => '../node_modules/react-native-i18n'

and run

pod install

Manual setup


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.

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

And add the localizations you will support as shown here:

adding locales


Add react-native-i18n to your ./android/settings.gradle file as follows:

include ':app', ':react-native-i18n'
project(':react-native-i18n').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-i18n/android')

Include it as dependency in ./android/app/build.gradle file:

dependencies {
    // ...
    compile project(':react-native-i18n')

Finally, you need to add the package to your MainApplication (./android/app/src/main/java/your/bundle/

import com.AlexanderZaytsev.RNI18n.RNI18nPackage; // <-- Add to ReactNativeI18n to the imports

// ...

protected List<ReactPackage> getPackages() {
    return Arrays.<ReactPackage>asList(
        new MainReactPackage(),
        // ...
        new RNI18nPackage(), // <-- Add it to the packages list

// ...

After that, you will need to recompile your project with react-native run-android.

⚠️ Important: You'll need to install Android build tools 27.0.3


import I18n from 'react-native-i18n';
// OR const I18n = require('react-native-i18n').default

class Demo extends React.Component {
  render() {
    return <Text>{I18n.t('greeting')}</Text>;

// Enable fallbacks if you want `en-US` and `en-GB` to fallback to `en`
I18n.fallbacks = true;

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.

Usage with multiple location files

// app/i18n/locales/en.js

export default {  
  greeting: 'Hi!'

// app/i18n/locales/fr.js

export default {  
  greeting: 'Bonjour!'

// app/i18n/i18n.js

import I18n from 'react-native-i18n';
import en from './locales/en';
import fr from './locales/fr';

I18n.fallbacks = true;

I18n.translations = {

export default I18n;

// usage in component

import I18n from 'app/i18n/i18n';

class Demo extends React.Component {
  render () {
    return (


When fallbacks are enabled (which is generally recommended), i18n.js will try to look up translations in the following order (for a device with en_US locale):

  • en-US
  • en

Note: iOS 8 locales use underscored (en_US) but i18n.js locales are dasherized (en-US). This conversion is done automatically for you.

I18n.fallbacks = true;

I18n.translations = {
  en: {
    greeting: 'Hi!',
  'en-GB': {
    greeting: 'Hi from the UK!',

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 locales

You can get the user preferred locales with the getLanguages method:

import { getLanguages } from 'react-native-i18n';

getLanguages().then(languages => {
  console.log(languages); // ['en-US', 'en']

I18n.js documentation

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



Popular Reactjs Projects
Popular Localization Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Objective C