Penulis:
    Aymeric PINEAU
    Dibuat:2026-01-21Terakhir diperbarui:2026-06-25

    Paket react-native-intlayer

    Paket react-native-intlayer menyediakan alat yang diperlukan untuk mengintegrasikan Intlayer ke dalam aplikasi React Native. Paket ini mengekspor ulang API react-intlayer secara lengkap (hook dan utilitas) dengan IntlayerProvider yang siap untuk React Native, ditambah polyfill dan konfigurasi Metro yang diperlukan oleh React Native.

    Dalam aplikasi React Native, impor semua dari react-native-intlayer. Anda tidak perlu menginstal atau mengimpor react-intlayer secara langsung.

    Instalasi

    bash
    npm install react-native-intlayer

    Ekspor

    Provider

    ComponentDeskripsi
    IntlayerProviderKomponen provider yang membungkus aplikasi Anda dan menyediakan konteks Intlayer. Secara otomatis menerapkan polyfill yang diperlukan.
    tsx
    import { IntlayerProvider } from "react-native-intlayer";

    Hook dan utilitas

    Berikut ini diekspor ulang dari react-intlayer, sehingga Anda dapat mengimpornya langsung dari react-native-intlayer:

    EksporDeskripsi
    useIntlayerMengakses konten yang dilokalisasi untuk kunci kamus.
    useLocaleMembaca dan mengubah locale saat ini.
    useDictionary, useDictionaryAsync, useDictionaryDynamic, useLoadDynamicMemuat konten kamus dengan berbagai cara.
    useI18nHook yang kompatibel dengan i18next.
    tHelper terjemahan inline.
    getIntlayer, getDictionaryGetter konten secara imperatif.
    localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorageHelper persistensi locale.
    tsx
    import { useIntlayer, useLocale, t } from "react-native-intlayer";

    Polyfill

    FunctionDeskripsi
    intlayerPolyfillFungsi yang menerapkan polyfill yang diperlukan untuk React Native agar mendukung Intlayer.
    tsx
    import { intlayerPolyfill } from "react-native-intlayer";
    Polyfill diterapkan secara otomatis saat Anda mengimpor IntlayerProvider. Panggil intlayerPolyfill secara manual hanya jika Anda memerlukan polyfill sebelum provider dipasang.

    Formatter

    Hook pemformatan angka, tanggal, dan Intl-based lainnya tersedia dari subpath /format:

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

    Rendering Markdown dan HTML

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

    Konfigurasi Metro

    Paket react-native-intlayer menyediakan utilitas konfigurasi Metro untuk memastikan bahwa Intlayer bekerja dengan benar di React Native.

    FungsiDeskripsi
    configMetroIntlayerFungsi asinkron yang menyiapkan Intlayer dan menggabungkan konfigurasi Metro.
    configMetroIntlayerSyncFungsi sinkron yang menggabungkan konfigurasi Metro tanpa menyiapkan sumber daya Intlayer.
    exclusionListMembuat pola RegExp untuk blockList Metro guna mengecualikan file konten dari bundle.
    tsx
    import { configMetroIntlayer } from "react-native-intlayer/metro";
    usePathnamelynx-intlayer