nabta-translations v1.0.3

nabta-translations!

This is documentation for nabta-translations.

Author: Abdelrahman Moussa.

Installation Guide

npm install nabta-translations --save

Please note that you need to MANUALLY install ONLY IF NOT INSTALLED the following packages:

npm install @react-native-community/async-storage

npm install react-native-localization

npm install react-native-localize

npm install react-native-restart

Also note that some of this libraries may need manual linking so look at their documentation if any error occurred.

HOW TO USE

First import the package.

import { LocalizationContext } from 'nabta-translations'; import LocalizationProvider from 'nabta-translations';

Then use it like that :

1. Firstly wrap the whole application with the LocalizationProvider and pass to it 2 props; json files containing the arabic and english translations. Here is an example :

         const en = require('./languages/en.json');
         const ar = require('./languages/ar.json');

         const App = () => {
           return (
             <SafeAreaView>
               <View>
                 <LocalizationProvider
                   ar = {{ ar }}
                   en = {{ en }}
                   languages = {{ languages }}
                 >
                     <TestingTranslations/>
                  </LocalizationProvider>
               </View>
             </SafeAreaView>
             )
         };

2. Secondly in the child component of the app ( where you want to implement tranaslated text ) , you can access the text through the context like this :

    class TestingTranslations extends Component {

    constructor(props){
        super(props);
    }

    static contextType = LocalizationContext

    render(){
        this.context.initializeAppLanguage
        return(
            <Text>{this.context.translations["boiledEgg"]}</Text>
        )
    }
   }

Available Props

Available functions

AppLanguage , setAppLanguage and initializeApplanguage

should be accessed through the context, while

translateDigits

is a self contained exported function that can be accessed directly