Skip to content

A React-native component which provides all the string constants using provider pattern

License

Notifications You must be signed in to change notification settings

intuit/text-provider-react-native

Repository files navigation

text-provider-react-native

A react-native component which provides all the string constants using provider pattern

It provides two components:

  1. TextProvider
  2. FormattedMessage

Install

npm i text-provider-react-native

Usage

  1. Import the string constants required for the particular presentational component:
const sampleText = require("src/nls/sample-text.json");
  1. Use the TextProvider to make it available for all the components:
<TextProvider globalText={sampleText} >
  <MyPresentationalComponent />
</TextProvider>
  1. Use it inside the presentational component:
<FormattedMessage id="Random Id"/>
const randomId = "Random Id";
const values = {
  "valueToBeInjected": "Random Value"
};

<FormattedMessage id={randomId} values={values}/>

Works like a format string also. Example JSON:

{
  "Random Id": "<b>Random Text Returns</b> {valueToBeInjected} for each text)"
}

Then ${valueToBeInjected} gets replaced with the value specified in values.

Make sure that a string by the same id exists in the JSON file.

About

A React-native component which provides all the string constants using provider pattern

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published