Author:
    Creation:2026-01-21Last update:2026-06-25

    react-native-intlayer рдкреИрдХреЗрдЬ

    react-native-intlayer рдкреИрдХреЗрдЬ рдЖрд╡рд╢реНрдпрдХ рдЯреВрд▓реНрд╕ рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИ рддрд╛рдХрд┐ Intlayer рдХреЛ React Native рдПрдкреНрд▓рд┐рдХреЗрд╢рдиреНрд╕ рдореЗрдВ рдПрдХреАрдХреГрдд рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХреЗред рдпрд╣ react-intlayer рдХреА рдкреВрд░реНрдг API (hooks рдФрд░ utilities) рдХреЛ React Native-ready IntlayerProvider рдХреЗ рд╕рд╛рде re-export рдХрд░рддрд╛ рд╣реИ, рд╕рд╛рде рд╣реА React Native рдХреЗ рд▓рд┐рдП рдЖрд╡рд╢реНрдпрдХ polyfills рдФрд░ Metro рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рднреА рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИред

    React Native рдРрдк рдореЗрдВ, рд╕рдм рдХреБрдЫ react-native-intlayer рд╕реЗ import рдХрд░реЗрдВред рдЖрдкрдХреЛ react-intlayer рдХреЛ рд╕реАрдзреЗ install рдпрд╛ import рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИред

    рдЗрдВрд╕реНрдЯреЙрд▓реЗрд╢рди

    bash
    npm install react-native-intlayer
    

    рдПрдХреНрд╕рдкреЛрд░реНрдЯреНрд╕

    рдкреНрд░реЛрд╡рд╛рдЗрдбрд░

    Componentрд╡рд┐рд╡рд░рдг
    IntlayerProviderProvider component рдЬреЛ рдЖрдкрдХреЗ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдХреЛ рд░реИрдк рдХрд░рддрд╛ рд╣реИ рдФрд░ Intlayer context рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИред рдЖрд╡рд╢реНрдпрдХ polyfills рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рд▓рд╛рдЧреВ рдХрд░рддрд╛ рд╣реИред
    tsx
    import { IntlayerProvider } from "react-native-intlayer";
    

    Hooks рдФрд░ Utilities

    рдпреЗ react-intlayer рд╕реЗ re-export рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП рдЖрдк рдЗрдиреНрд╣реЗрдВ рд╕реАрдзреЗ react-native-intlayer рд╕реЗ import рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ:

    Exportрд╡рд┐рд╡рд░рдг
    useIntlayerрдХрд┐рд╕реА dictionary key рдХреЗ рд▓рд┐рдП localized content рдПрдХреНрд╕реЗрд╕ рдХрд░реЗрдВред
    useLocaleрд╡рд░реНрддрдорд╛рди locale рдХреЛ рдкрдврд╝реЗрдВ рдФрд░ рдмрджрд▓реЗрдВред
    useDictionary, useDictionaryAsync, useDictionaryDynamic, useLoadDynamicрд╡рд┐рднрд┐рдиреНрди рддрд░реАрдХреЛрдВ рд╕реЗ dictionary content рд▓реЛрдб рдХрд░реЗрдВред
    useI18ni18next-compatible hookред
    tInline translation helperред
    getIntlayer, getDictionaryImperative content gettersред
    localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorageLocale persistence helpersред
    tsx
    import { useIntlayer, useLocale, t } from "react-native-intlayer";
    

    рдкреЙрд▓реАрдлрд┐рд▓

    рдлрд╝рдВрдХреНрд╢рдирд╡рд┐рд╡рд░рдг
    intlayerPolyfillReact Native рдХреЗ рд▓рд┐рдП Intlayer рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рд╣реЗрддреБ рдЖрд╡рд╢реНрдпрдХ polyfills рд▓рд╛рдЧреВ рдХрд░рдиреЗ рд╡рд╛рд▓рд╛ рдлрд╝рдВрдХреНрд╢рдиред
    tsx
    import { intlayerPolyfill } from "react-native-intlayer";
    
    рдЬрдм рдЖрдк IntlayerProvider import рдХрд░рддреЗ рд╣реИрдВ рддреЛ polyfill рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рд▓рд╛рдЧреВ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред intlayerPolyfill рдХреЛ рдореИрдиреНрдпреБрдЕрд▓ рд░реВрдк рд╕реЗ рдХреЗрд╡рд▓ рддрдм рдХреЙрд▓ рдХрд░реЗрдВ рдЬрдм provider mount рд╣реЛрдиреЗ рд╕реЗ рдкрд╣рд▓реЗ polyfills рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛред

    Formatters

    рд╕рдВрдЦреНрдпрд╛, рджрд┐рдирд╛рдВрдХ рдФрд░ рдЕрдиреНрдп Intl-рдЖрдзрд╛рд░рд┐рдд formatting hooks /format subpath рд╕реЗ рдЙрдкрд▓рдмреНрдз рд╣реИрдВ:

    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 рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди

    The react-native-intlayer рдкреИрдХреЗрдЬ Metro рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдЙрдкрдпреЛрдЧрд┐рддрд╛рдПрдБ рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИ рддрд╛рдХрд┐ Intlayer React Native рдХреЗ рд╕рд╛рде рд╕рд╣реА рдврдВрдЧ рд╕реЗ рдХрд╛рдо рдХрд░реЗред

    FunctionDescription
    configMetroIntlayerIntlayer рдХреЛ рддреИрдпрд╛рд░ рдХрд░рдиреЗ рдФрд░ Metro рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдХреЛ рдорд░реНрдЬ рдХрд░рдиреЗ рд╡рд╛рд▓рд╛ рдЕрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдлрд╝рдВрдХреНрд╢рдиред
    configMetroIntlayerSyncIntlayer рд╕рдВрд╕рд╛рдзрдиреЛрдВ рдХреЛ рддреИрдпрд╛рд░ рдХрд┐рдП рдмрд┐рдирд╛ Metro рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдХреЛ рдорд░реНрдЬ рдХрд░рдиреЗ рд╡рд╛рд▓рд╛ рд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдлрд╝рдВрдХреНрд╢рдиред
    exclusionListMetro рдХреА blockList рдХреЗ рд▓рд┐рдП RegExp рдкреИрдЯрд░реНрди рдмрдирд╛рддрд╛ рд╣реИ рддрд╛рдХрд┐ рдмрдВрдбрд▓ рд╕реЗ рдХрдВрдЯреЗрдВрдЯ рдлрд╝рд╛рдЗрд▓реЗрдВ рдмрд╛рд╣рд░ рдХреА рдЬрд╛ рд╕рдХреЗрдВред
    tsx
    import { configMetroIntlayer } from "react-native-intlayer/metro";