App-render.js

render() {
  return (
    <View style={styles.container}>
      <View style={styles.insideContainer}>
        <StatusBar
          barStyle="light-content"
          backgroundColor={styles.container.backgroundColor}
        />
        <Text style={styles.title}>{I18n.t("HOME_pageTitle")}</Text>
        <Text style={styles.language}>
          {`${I18n.t("HOME_languageDescription")}: ${this.state.language}`}
        </Text>
        <Text style={styles.description}>
          {I18n.t("HOME_pageDescription")}
        </Text>
        <TextInput
          style={styles.input}
          placeholder={I18n.t("HOME_nameInputPlaceholder")}
          placeholderTextColor={styles.input.color}
        />
        <TextInput
          style={styles.input}
          placeholder={I18n.t("HOME_emailInputPlaceholder")}
          placeholderTextColor={styles.input.color}
        />
        <TouchableOpacity onPress={() => {}} style={styles.buttonContainer}>
          <Text style={styles.buttonText}>
            {I18n.t("HOME_loginButtonText")}
          </Text>
        </TouchableOpacity>
      </View>
      <View style={styles.footer}>
        <TouchableOpacity
          onPress={() => {}
          style={styles.buttonContainer}
        >
          <Text style={styles.buttonText}>{I18n.t("HOME_toggleButton")}</Text>
        </TouchableOpacity>
      </View>
    </View>
  );
}