Text Component using react-i18next example

TextComponent.jsx

import React from 'react';
import { Text, View, StyleSheet } from 'react-native';
import { useTranslation } from 'react-i18next';

type Props = {
  keyText: String,
};

export const TextComponent = ({ keyText, ...rest }: Props) => {
  const { t } = useTranslation();

  return (
      <Text style={textStyle.text} {...rest}>
        {t(keyText)}
      </Text>
  )
}

const textStyle = StyleSheet.create({
  text: {
    fontSize: 20,
  },
});