Autor:
    Aymeric PINEAU
    Criação:2026-01-21Última atualização:2026-06-25

    Pacote react-native-intlayer

    O pacote react-native-intlayer fornece as ferramentas necessárias para integrar o Intlayer em aplicações React Native. Reexporta a API completa do react-intlayer (hooks e utilitários) com um IntlayerProvider pronto para React Native, além dos polyfills e da configuração Metro exigidos pelo React Native.

    Em um aplicativo React Native, importe tudo de react-native-intlayer. Você não precisa instalar ou importar react-intlayer diretamente.

    Instalação

    bash
    npm install react-native-intlayer

    Exportações

    Provider

    ComponenteDescrição
    IntlayerProviderComponente Provider que envolve sua aplicação e fornece o contexto do Intlayer. Aplica automaticamente os polyfills necessários.
    tsx
    import { IntlayerProvider } from "react-native-intlayer";

    Hooks e utilitários

    Estes são reexportados de react-intlayer, portanto você pode importá-los diretamente de react-native-intlayer:

    ExportaçãoDescrição
    useIntlayerAcessa conteúdo localizado para uma chave de dicionário.
    useLocaleLê e altera o locale atual.
    useDictionary, useDictionaryAsync, useDictionaryDynamic, useLoadDynamicCarrega conteúdo de dicionário de diversas formas.
    useI18nHook compatível com i18next.
    tAuxiliar de tradução inline.
    getIntlayer, getDictionaryGetters imperativos de conteúdo.
    localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorageAuxiliares de persistência de locale.
    tsx
    import { useIntlayer, useLocale, t } from "react-native-intlayer";

    Polyfill

    FunctionDescrição
    intlayerPolyfillFunção que aplica os polyfills necessários para o React Native dar suporte ao Intlayer.
    tsx
    import { intlayerPolyfill } from "react-native-intlayer";
    O polyfill é aplicado automaticamente quando você importa IntlayerProvider. Chame intlayerPolyfill manualmente apenas se precisar dos polyfills antes que o provider seja montado.

    Formatadores

    Hooks de formatação numérica, de data e outros baseados em Intl estão disponíveis no subcaminho /format:

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

    Renderização de Markdown e HTML

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

    Configuração do Metro

    O pacote react-native-intlayer fornece utilitários de configuração do Metro para garantir que o Intlayer funcione corretamente com o React Native.

    FunçãoDescrição
    configMetroIntlayerFunção assíncrona que prepara o Intlayer e mescla a configuração do Metro.
    configMetroIntlayerSyncFunção síncrona que mescla a configuração do Metro sem preparar os recursos do Intlayer.
    exclusionListCria um padrão RegExp para o blockList do Metro para excluir arquivos de conteúdo do bundle.
    tsx
    import { configMetroIntlayer } from "react-native-intlayer/metro";
    usePathnamelynx-intlayer