Автор:
    Дата створення:2026-01-21Останнє оновлення:2026-06-25

    Пакет react-native-intlayer

    Пакет react-native-intlayer надає необхідні інструменти для інтеграції Intlayer у застосунки React Native. Він реекспортує повний API react-intlayer (хуки та утиліти) з IntlayerProvider, адаптованим для React Native, а також поліфіли та конфігурацію Metro, необхідні для React Native.

    У застосунку React Native імпортуйте все з react-native-intlayer. Встановлювати або імпортувати react-intlayer безпосередньо не потрібно.

    Встановлення

    bash
    npm install react-native-intlayer
    

    Експорти

    Провайдер

    КомпонентОпис
    IntlayerProviderКомпонент-провайдер, який обгортає ваш додаток і надає контекст Intlayer. Автоматично застосовує необхідні поліфіли.
    tsx
    import { IntlayerProvider } from "react-native-intlayer";
    

    Хуки та утиліти

    Вони реекспортуються з react-intlayer, тому ви можете імпортувати їх безпосередньо з react-native-intlayer:

    ЕкспортОпис
    useIntlayerДоступ до локалізованого вмісту за ключем словника.
    useLocaleЧитання та зміна поточної локалі.
    useDictionary, useDictionaryAsync, useDictionaryDynamic, useLoadDynamicЗавантаження вмісту словника різними способами.
    useI18nХук, сумісний з i18next.
    tДопоміжна функція для вбудованого перекладу.
    getIntlayer, getDictionaryІмперативні геттери контенту.
    localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorageДопоміжні функції для збереження локалі.
    tsx
    import { useIntlayer, useLocale, t } from "react-native-intlayer";
    

    Поліфіл

    ФункціяОпис
    intlayerPolyfillФункція, що застосовує необхідні поліфіли для React Native, щоб забезпечити підтримку Intlayer.
    tsx
    import { intlayerPolyfill } from "react-native-intlayer";
    
    Поліфіл застосовується автоматично при імпорті IntlayerProvider. Викликайте intlayerPolyfill вручну лише якщо вам потрібні поліфіли до монтування провайдера.

    Форматери

    Хуки форматування чисел, дат та інші функції на базі Intl доступні з підшляху /format:

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

    Markdown та HTML

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

    Конфігурація Metro

    Пакет react-native-intlayer надає утиліти конфігурації Metro, щоб гарантувати правильну роботу Intlayer з React Native.

    ФункціяОпис
    configMetroIntlayerАсинхронна функція, яка готує Intlayer та об'єднує конфігурацію Metro.
    configMetroIntlayerSyncСинхронна функція, яка об'єднує конфігурацію Metro без підготовки ресурсів Intlayer.
    exclusionListСтворює патерн RegExp для blockList Metro, щоб виключати файли контенту з бандлу.
    tsx
    import { configMetroIntlayer } from "react-native-intlayer/metro";