استخدم مساعدك المفضل للملخص واستخدم هذه الصفحة والموفر AI الذي تريده
تاريخ الإصدارات
- "إعادة تصدير واجهة برمجة تطبيقات react-intlayer الكاملة (الخطافات والأدوات ومسارات format/html/markdown الفرعية) حتى يعتمد تطبيق React Native على react-native-intlayer فقط"v9.0.0٢٥/٦/٢٠٢٦
- "توثيق موحد لجميع الصادرات"v8.0.0٢١/١/٢٠٢٦
تمت ترجمة محتوى هذه الصفحة باستخدام الذكاء الاصطناعي.
اعرض آخر نسخة المحتوى الأصلي باللغة الإنكليزية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. تُعيد تصدير واجهة برمجة تطبيقات react-intlayer الكاملة (الخطافات والأدوات) مع IntlayerProvider جاهز لـ React Native، بالإضافة إلى polyfills وتكوين Metro المطلوبين بواسطة React Native.
في تطبيق React Native، قم باستيراد كل شيء منreact-native-intlayer. لا تحتاج إلى تثبيتreact-intlayerأو استيراده مباشرة.
التثبيت
نسخ الكود إلى الحافظة
npm install react-native-intlayerالصادرات
الموفّر
افتح الجدول في نافذة منبثقة لعرض جميع محتويات البيانات بوضوح
| المكوّن | الوصف |
|---|---|
IntlayerProvider | مكوّن Provider يلف تطبيقك ويوفر سياق Intlayer. يطبّق تلقائيًا polyfills المطلوبة. |
نسخ الكود إلى الحافظة
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";ملحق التوافق (Polyfill)
افتح الجدول في نافذة منبثقة لعرض جميع محتويات البيانات بوضوح
| الدالة | الوصف |
|---|---|
intlayerPolyfill | دالة تطبّق polyfills الضرورية لـ React Native لدعم Intlayer. |
نسخ الكود إلى الحافظة
import { intlayerPolyfill } from "react-native-intlayer";يتم تطبيق polyfill تلقائيًا عند استيرادIntlayerProvider. استدعِintlayerPolyfillيدويًا فقط إذا كنت بحاجة إلى polyfills قبل تحميل الموفّر.
المنسّقات
خطافات التنسيق المعتمدة على 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";