Zadaj pytanie i otrzymaj streszczenie dokumentu, odwołując się do tej strony i wybranego dostawcy AI
Historia wersji
- "Reeksportowanie pełnego API react-intlayer (hooki, narzędzia, podścieżki format/html/markdown), aby aplikacja React Native zależała tylko od react-native-intlayer"v9.0.025.06.2026
- "Ujednolicona dokumentacja dla wszystkich eksportów"v8.0.021.01.2026
Treść tej strony została przetłumaczona przy użyciu sztucznej inteligencji.
Zobacz ostatnią wersję oryginalnej treści w języku angielskimIf 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
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 zreact-native-intlayer. Nie musisz instalować ani importowaćreact-intlayerbezpośrednio.
Instalacja
Skopiuj kod do schowka
npm install react-native-intlayerEksporty
Provider
Otwórz tabelę w oknie modalnym, aby wyraźnie zobaczyć całą zawartość
| Komponent | Opis |
|---|---|
IntlayerProvider | Komponent Provider, który otacza Twoją aplikację i udostępnia kontekst Intlayer. Automatycznie stosuje wymagane polyfille. |
Skopiuj kod do schowka
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:
Otwórz tabelę w oknie modalnym, aby wyraźnie zobaczyć całą zawartość
| Eksport | Opis |
|---|---|
useIntlayer | Dostęp do zlokalizowanej zawartości dla klucza słownika. |
useLocale | Odczyt i zmiana bieżącej lokalizacji. |
useDictionary, useDictionaryAsync, useDictionaryDynamic, useLoadDynamic | Ładowanie zawartości słownika na różne sposoby. |
useI18n | Hook kompatybilny z i18next. |
t | Pomocnik tłumaczenia inline. |
getIntlayer, getDictionary | Imperatywne gettery zawartości. |
localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorage | Pomocniki trwałości lokalizacji. |
Skopiuj kod do schowka
import { useIntlayer, useLocale, t } from "react-native-intlayer";Polyfill
Otwórz tabelę w oknie modalnym, aby wyraźnie zobaczyć całą zawartość
| Funkcja | Opis |
|---|---|
intlayerPolyfill | Funkcja, która stosuje niezbędne polyfille dla React Native, aby wspierać Intlayer. |
Skopiuj kod do schowka
import { intlayerPolyfill } from "react-native-intlayer";Polyfill jest stosowany automatycznie podczas importowaniaIntlayerProvider. WywołajintlayerPolyfillrę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:
Skopiuj kod do schowka
import { useNumber, useDate } from "react-native-intlayer/format";Renderowanie Markdown i HTML
Skopiuj kod do schowka
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.
Otwórz tabelę w oknie modalnym, aby wyraźnie zobaczyć całą zawartość
| Funkcja | Opis |
|---|---|
configMetroIntlayer | Funkcja asynchroniczna, która przygotowuje Intlayer i scala konfigurację Metro. |
configMetroIntlayerSync | Funkcja synchroniczna, która scala konfigurację Metro bez przygotowywania zasobów Intlayer. |
exclusionList | Tworzy wzorzec RegExp dla blockList Metro, aby wykluczyć pliki zawartości z bundla. |
Skopiuj kod do schowka
import { configMetroIntlayer } from "react-native-intlayer/metro";