Autore:
    Aymeric PINEAU
    Creazione:2026-01-21Ultimo aggiornamento:2026-06-25

    Pacchetto react-native-intlayer

    Il pacchetto react-native-intlayer fornisce gli strumenti necessari per integrare Intlayer nelle applicazioni React Native. Riesporta l'intera API react-intlayer (hook e utilità) con un IntlayerProvider pronto per React Native, oltre ai polyfill e alla configurazione Metro richiesti da React Native.

    In un'app React Native, importa tutto da react-native-intlayer. Non è necessario installare o importare react-intlayer direttamente.

    Installazione

    bash
    npm install react-native-intlayer

    Esportazioni

    Provider

    ComponenteDescrizione
    IntlayerProviderComponente Provider che avvolge la tua applicazione e fornisce il contesto Intlayer. Applica automaticamente i polyfill necessari.
    tsx
    import { IntlayerProvider } from "react-native-intlayer";

    Hook e utilità

    Questi sono riesportati da react-intlayer, quindi puoi importarli direttamente da react-native-intlayer:

    EsportazioneDescrizione
    useIntlayerAccedi al contenuto localizzato per una chiave del dizionario.
    useLocaleLeggi e cambia la localizzazione corrente.
    useDictionary, useDictionaryAsync, useDictionaryDynamic, useLoadDynamicCarica il contenuto del dizionario in vari modi.
    useI18nHook compatibile con i18next.
    tHelper per la traduzione inline.
    getIntlayer, getDictionaryGetter imperativi del contenuto.
    localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorageHelper per la persistenza della localizzazione.
    tsx
    import { useIntlayer, useLocale, t } from "react-native-intlayer";

    Polyfill

    FunzioneDescrizione
    intlayerPolyfillFunzione che applica i polyfill necessari per React Native per supportare Intlayer.
    tsx
    import { intlayerPolyfill } from "react-native-intlayer";
    Il polyfill viene applicato automaticamente quando importi IntlayerProvider. Chiama intlayerPolyfill manualmente solo se hai bisogno dei polyfill prima che il provider venga montato.

    Formatter

    Gli hook di formattazione numerica, data e altri basati su Intl sono disponibili dal subpath /format:

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

    Rendering Markdown e HTML

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

    Configurazione Metro

    Il pacchetto react-native-intlayer fornisce utilità di configurazione per Metro per garantire che Intlayer funzioni correttamente con React Native.

    FunzioneDescrizione
    configMetroIntlayerFunzione asincrona che prepara Intlayer e unisce la configurazione di Metro.
    configMetroIntlayerSyncFunzione sincrona che unisce la configurazione di Metro senza preparare le risorse di Intlayer.
    exclusionListCrea un pattern RegExp per la blockList di Metro per escludere file di contenuto dal bundle.
    tsx
    import { configMetroIntlayer } from "react-native-intlayer/metro";
    usePathnamelynx-intlayer