Autor:
    Aymeric PINEAU
    Data utworzenia:2026-01-21Ostatnia aktualizacja:2026-06-25

    Pakiet react-native-intlayer

    Pakiet react-native-intlayer dostarcza niezbędne narzędzia do integracji Intlayer z aplikacjami React Native. Reeksportuje pełne API react-intlayer (hooki i narzędzia) wraz z gotowym na React Native IntlayerProvider, a także polyfille i konfigurację Metro wymaganą przez React Native.

    W aplikacji React Native importuj wszystko z react-native-intlayer. Nie musisz instalować ani importować react-intlayer bezpośrednio.

    Instalacja

    bash
    npm install react-native-intlayer

    Eksporty

    Provider

    KomponentOpis
    IntlayerProviderKomponent Provider, który otacza Twoją aplikację i udostępnia kontekst Intlayer. Automatycznie stosuje wymagane polyfille.
    tsx
    import { IntlayerProvider } from "react-native-intlayer";

    Hooki i narzędzia

    Są reeksportowane z react-intlayer, więc możesz importować je bezpośrednio z react-native-intlayer:

    EksportOpis
    useIntlayerDostęp do zlokalizowanej zawartości dla klucza słownika.
    useLocaleOdczyt i zmiana bieżącej lokalizacji.
    useDictionary, useDictionaryAsync, useDictionaryDynamic, useLoadDynamicŁadowanie zawartości słownika na różne sposoby.
    useI18nHook kompatybilny z i18next.
    tPomocnik tłumaczenia inline.
    getIntlayer, getDictionaryImperatywne gettery zawartości.
    localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStoragePomocniki trwałości lokalizacji.
    tsx
    import { useIntlayer, useLocale, t } from "react-native-intlayer";

    Polyfill

    FunkcjaOpis
    intlayerPolyfillFunkcja, która stosuje niezbędne polyfille dla React Native, aby wspierać Intlayer.
    tsx
    import { intlayerPolyfill } from "react-native-intlayer";
    Polyfill jest stosowany automatycznie podczas importowania IntlayerProvider. Wywołaj intlayerPolyfill ręcznie tylko wtedy, gdy potrzebujesz polyfilli przed zamontowaniem providera.

    Formatery

    Hooki do formatowania liczb, dat i inne oparte na Intl są dostępne z podścieżki /format:

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

    Renderowanie Markdown i HTML

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

    Konfiguracja Metro

    Pakiet react-native-intlayer dostarcza narzędzia do konfiguracji Metro, aby zapewnić prawidłowe działanie Intlayer z React Native.

    FunkcjaOpis
    configMetroIntlayerFunkcja asynchroniczna, która przygotowuje Intlayer i scala konfigurację Metro.
    configMetroIntlayerSyncFunkcja synchroniczna, która scala konfigurację Metro bez przygotowywania zasobów Intlayer.
    exclusionListTworzy wzorzec RegExp dla blockList Metro, aby wykluczyć pliki zawartości z bundla.
    tsx
    import { configMetroIntlayer } from "react-native-intlayer/metro";
    usePathnamelynx-intlayer