ConfigurationScreen

La vue configuration fournit à l'utilisateur une interface permettant de configurer l'application. Dans notre cas les options disponibles pour la configuration de l'application sont uniquement le changement de langues.

NB: A l'avenir, d'autres options devront être rajoutés à l'application afin d'offrir plus d'options de personnalisations.

La bibliothèque react-native-i18n

⚠️ Cette bibliothèque est obsolète

Il est conseillé d'utiliser à la place la bibliothèque react-native-localize. On peut utiliser le package react-native-localize avec I18n-js (ou alors react-intl, react-i18next, etc. Les choix sont multiples!)

La fonction de démarrage initState

Au tout début, une fonction init permet d'initialiser les différents fichiers de langues préalablement créer.

initState(){
        let language=[];
        language.push({name:I18n.t('langue.english'),value:'en'});
        language.push({name:I18n.t('langue.french'),value:'fr'});
        return{
            languages:language
        }
    }

A la suite un champ de texte listant les différentes langues disponibles, lui permettant ainsi de sélectionner la langue souhaitée.

<Dropdown
  label="Changer la langue"
  data={this.state.languages}
  onChangeText={(value, index, data) => {
    I18n.locale = value;
    this.setState({ language: value });
    this.configuration.setCurrentLangue(data[index]);
    IlinkEmitter.emit("userconnect");
  }}
  valueExtractor={value => value.value}
  labelExtractor={value => value.name}
/>