Auteur:
    Aymeric PINEAU
    Création:2026-01-21Dernière mise à jour:2026-06-25

    Package react-native-intlayer

    Le package react-native-intlayer fournit les outils nécessaires pour intégrer Intlayer dans les applications React Native. Il ré-exporte l'intégralité de l'API react-intlayer (hooks et utilitaires) avec un IntlayerProvider prêt pour React Native, ainsi que les polyfills et la configuration Metro requis par React Native.

    Dans une application React Native, importez tout depuis react-native-intlayer. Vous n'avez pas besoin d'installer ni d'importer react-intlayer directement.

    Installation

    bash
    npm install react-native-intlayer

    Exports

    Provider

    ComposantDescription
    IntlayerProviderComposant Provider qui enveloppe votre application et fournit le contexte Intlayer. Applique automatiquement les polyfills nécessaires.
    tsx
    import { IntlayerProvider } from "react-native-intlayer";

    Hooks et utilitaires

    Ces éléments sont ré-exportés depuis react-intlayer, vous pouvez donc les importer directement depuis react-native-intlayer :

    ExportDescription
    useIntlayerAccède au contenu localisé pour une clé de dictionnaire.
    useLocaleLit et modifie la locale courante.
    useDictionary, useDictionaryAsync, useDictionaryDynamic, useLoadDynamicCharge le contenu du dictionnaire de différentes manières.
    useI18nHook compatible i18next.
    tAide à la traduction en ligne.
    getIntlayer, getDictionaryAccesseurs de contenu impératifs.
    localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorageAides à la persistance de la locale.
    tsx
    import { useIntlayer, useLocale, t } from "react-native-intlayer";

    Polyfill

    FonctionDescription
    intlayerPolyfillFonction qui applique les polyfills nécessaires pour que React Native prenne en charge Intlayer.
    tsx
    import { intlayerPolyfill } from "react-native-intlayer";
    Le polyfill est appliqué automatiquement lorsque vous importez IntlayerProvider. Appelez intlayerPolyfill manuellement uniquement si vous avez besoin des polyfills avant le montage du provider.

    Formateurs

    Les hooks de formatage numérique, de date et autres basés sur Intl sont disponibles depuis le sous-chemin /format :

    tsx
    import { useNumber, useDate } from "react-native-intlayer/format";

    Rendu Markdown et HTML

    tsx
    import { MarkdownProvider } from "react-native-intlayer/markdown";
import { HTMLProvider } from "react-native-intlayer/html";

    Configuration Metro

    Le package react-native-intlayer fournit des utilitaires de configuration Metro pour garantir qu'Intlayer fonctionne correctement avec React Native.

    FonctionDescription
    configMetroIntlayerFonction asynchrone qui prépare Intlayer et fusionne la configuration Metro.
    configMetroIntlayerSyncFonction synchrone qui fusionne la configuration Metro sans préparer les ressources d'Intlayer.
    exclusionListCrée un motif RegExp pour le blockList de Metro afin d'exclure des fichiers de contenu du bundle.
    tsx
    import { configMetroIntlayer } from "react-native-intlayer/metro";
    usePathnamelynx-intlayer