Implementing Internationalization

// Install the library
// npm install react-native-i18n

import I18n from 'react-native-i18n';

// Define translations
I18n.translations = {
  en: {
    hello: 'Hello',
    welcome: 'Welcome to our app'
  },
  es: {
    hello: 'Hola',
    welcome: 'Bienvenido a nuestra aplicación'
  }
};

// Use in component
const Greeting = () => (
  <Text>{I18n.t('hello')}</Text>
);

{
  "common": {
    "save": "Save",
    "cancel": "Cancel"
  },
  "screens": {
    "home": {
      "title": "Home Screen",
      "welcome": "Welcome back, {name}!"
    }
  }
}

import { t } from 'react-native-i18n';\n\nconst translatedText = t('home.welcome');\nconsole.log(translatedText); // "Welcome to our app"

import { tc } from 'react-native-i18n';\n\nconst itemText = tc('item.count', 3, { count: 3 });\nconsole.log(itemText); // "You have 3 items"

<Text>
  {count, plural,
    one {# item}
    other {# items}
  }
</Text>

<Text>
  {count, plural,
    one {# apple}
    few {# apples}
    many {# apples}
    other {# apples}
  }
</Text>

<View style={{ direction: 'rtl' }}>
  <Text>مرحبا بالعالم</Text>
</View>

<View style={{ writingDirection: 'rtl' }}>
  <Text>اللغة العربية</Text>
</View>

import { Text } from 'react-native';

const formatDate = (date) => {
  return new Intl.DateTimeFormat('en-US', {
    year: 'numeric',
    month: 'long',
    day: 'numeric'
  }).format(date);
};

// Usage
<Text>{formatDate(new Date())}</Text>

import { Text } from 'react-native';

const formatCurrency = (amount) => {
  return new Intl.NumberFormat('en-US', {
    style: 'currency',
    currency: 'USD'
  }).format(amount);
};

// Usage
<Text>{formatCurrency(1234.56)}</Text>

import { DeviceInfo } from 'react-native-device-info';
import { I18nManager } from 'react-native';

const detectDeviceLanguage = () => {
  const locale = DeviceInfo.getDeviceLocale();
  console.log('Detected locale:', locale);
  
  // Fallback for older versions
  if (!locale) {
    const i18nLocale = I18nManager.getConstants().localeIdentifier;
    console.log('I18n locale:', i18nLocale);
  }
};

detectDeviceLanguage();

import i18n from 'i18next';

const switchLanguage = (newLocale) => {
  i18n.changeLocale(newLocale);
  // Update UI or re-render components if needed
};

switchLanguage('de-DE');

import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';

i18n
  .use(initReactI18next)
  .init({
    fallbackLanguage: 'en',
    resources: {
      en: { translation: { greeting: 'Hello' } },
      fr: { translation: { greeting: 'Bonjour' } }
    },
    lng: 'fr'
  });

{'import { I18n } from 'react-native-i18n';\n\n// Mock translation function\nI18n.translations = {\n  en: {\n    greeting: 'Hello',\n    welcome: 'Welcome to our app!'\n  },\n  es: {\n    greeting: 'Hola',\n    welcome: '¡Bienvenido a nuestra aplicación!'\n  }\n};\n\n// Test translation\nconsole.log(I18n.t('greeting')); // Outputs: Hello (or Hola if locale is es)'}