Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
react-native-language
Advanced tools
Readme
Integrates I18n.js with React Native. Uses the user preferred locale as default.
Using yarn (recommended)
$ yarn add react-native-language
Using npm
$ npm install react-native-language --save
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-language
.
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.
After installing the npm package, add the following line to your Podfile
pod 'RNI18n', :path => '../node_modules/react-native-language'
and run
pod install
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:
Add react-native-language
to your ./android/settings.gradle
file as follows:
include ':app', ':react-native-language'
project(':react-native-language').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-language/android')
Include it as dependency in ./android/app/build.gradle
file:
dependencies {
// ...
compile project(':react-native-language')
}
Finally, you need to add the package to your MainApplication (./android/app/src/main/java/your/bundle/MainApplication.java
):
import com.AlexanderZaytsev.RNI18n.RNI18nPackage; // <-- Add to ReactNativeI18n to the imports
// ...
@Override
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
.
import I18n from 'react-native-language';
// OR const I18n = require('react-native-language').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: 'Hello!',
},
de: {
greeting: 'Hallo!',
},
};
This will render Hello!
for devices with the English locale, and Hallo!
for devices with the German locale.
// app/i18n/locales/en.js
export default {
greeting: 'Hallo!'
};
// app/i18n/locales/de.js
export default {
greeting: 'Hallo!'
};
// app/i18n/i18n.js
import I18n from 'react-native-language';
import en from './locales/en';
import de from './locales/de';
I18n.fallbacks = true;
I18n.translations = {
en,
de
};
export default I18n;
// usage in component
import I18n from 'app/i18n/i18n';
class Demo extends React.Component {
render () {
return (
<Text>{I18n.t('greeting')}</Text>
)
}
}
When fallbacks are enabled (which is generally recommended), i18n.js
will try to look up translations in the following order (for a device with de_DE
locale):
Note: iOS 8 locales use underscored (de_DE
) but i18n.js
locales are dasherized (de-DE
). This conversion is done automatically for you.
I18n.fallbacks = true;
I18n.translations = {
en: {
greeting: 'Hello!',
},
'en-GB': {
greeting: 'Hello, How are you',
},
};
For a device with a en_GB
locale this will return Hello, How are you'
, for a device with a en_US
locale it will return Hello!
.
You can get the user preferred locales with the getLanguages
method:
import { getLanguages } from 'react-native-language';
getLanguages().then(languages => {
console.log(languages); // ['en-US', 'en']
});
For more info about I18n.js methods (localize
, pluralize
, etc) and settings see its documentation.
MIT
FAQs
Provides I18n to your React Native application
The npm package react-native-language receives a total of 1 weekly downloads. As such, react-native-language popularity was classified as not popular.
We found that react-native-language demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.