Задайте питання та отримайте підсумок документа, вказавши цю сторінку та обраного вами постачальника штучного інтелекту
Історія версій
- "Реекспорт повного API react-intlayer (хуки, утиліти, підшляхи format/html/markdown), щоб застосунок React Native залежав лише від react-native-intlayer"v9.0.025.06.2026
- "Узагальнена документація для всіх експортів"v8.0.021.01.2026
Вміст цієї сторінки перекладено за допомогою штучного інтелекту.
Переглянути останню версію оригінального вмісту англійськоюIf you have an idea for improving this documentation, please feel free to contribute by submitting a pull request on GitHub.
GitHub link to the documentationCopy doc Markdown to clipboard
Пакет 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безпосередньо не потрібно.
Встановлення
Скопіюйте код у буфер обміну
npm install react-native-intlayerЕкспорти
Провайдер
Відкрийте таблицю в модальному вікні, щоб чітко переглянути всі дані
| Компонент | Опис |
|---|---|
IntlayerProvider | Компонент-провайдер, який обгортає ваш додаток і надає контекст Intlayer. Автоматично застосовує необхідні поліфіли. |
Скопіюйте код у буфер обміну
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 | Допоміжні функції для збереження локалі. |
Скопіюйте код у буфер обміну
import { useIntlayer, useLocale, t } from "react-native-intlayer";Поліфіл
Відкрийте таблицю в модальному вікні, щоб чітко переглянути всі дані
| Функція | Опис |
|---|---|
intlayerPolyfill | Функція, що застосовує необхідні поліфіли для React Native, щоб забезпечити підтримку Intlayer. |
Скопіюйте код у буфер обміну
import { intlayerPolyfill } from "react-native-intlayer";Поліфіл застосовується автоматично при імпортіIntlayerProvider. ВикликайтеintlayerPolyfillвручну лише якщо вам потрібні поліфіли до монтування провайдера.
Форматери
Хуки форматування чисел, дат та інші функції на базі Intl доступні з підшляху /format:
Скопіюйте код у буфер обміну
import { useNumber, useDate } from "react-native-intlayer/format";Markdown та HTML
Скопіюйте код у буфер обміну
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, щоб виключати файли контенту з бандлу. |
Скопіюйте код у буфер обміну
import { configMetroIntlayer } from "react-native-intlayer/metro";