रिएक्ट नेटिव और एक्सपो
i1n SDK या i18n-js के साथ ब्रिज मोड का उपयोग करके i1n को React Native और Expo के साथ एकीकृत करें।
सेटअप
अपने React Native प्रोजेक्ट में i1n init चलाएँ। CLI अपने आप expo-localization का पता लगा लेता है, यदि वह मौजूद है, और locales/ डायरेक्टरी में JSON फॉर्मेट को कॉन्फ़िगर करता है।
आप i1n SDK को स्टैंडअलोन मोड में उपयोग कर सकते हैं या ब्रिज मोड के माध्यम से इसे i18n-js से कनेक्ट कर सकते हैं।
स्टैंडअलोन मोड
डिवाइस लोकेल डिटेक्शन के लिए सीधे expo-localization के साथ i1n SDK का उपयोग करें। init() से इनिशियलाइज़ करें, अपने रिसोर्स लोड करें, और अपने कंपोनेंट्स में t() का उपयोग करें।
React प्रदाता पैटर्न React वेब प्रोजेक्ट के समान ही काम करता है। टाइप-सेफ़ अनुवाद और रनटाइम लोकेल स्विचिंग के लिए useI1n() हुक का उपयोग करें।
i18n-js के साथ ब्रिज मोड
यदि आपकी परियोजना i18n-js का उपयोग करती है, तो इसे इससे कनेक्ट करें: registerI1n((key, params) => i18n.t(key, params))। i1n t() फ़ंक्शन i18n-js को सौंपता है जबकि सख्त प्रकार की जाँच और ऑटो-कम्प्लीट प्रदान करता है।
i1n अनुवाद फ़ाइलों और प्रकार निर्माण का प्रबंधन करता है। i18n-js रनटाइम बहुवचन और इंटरपोलेशन को संभालना जारी रखता है। Expo प्रबंधित और बेयर React Native वर्कफ़्लो दोनों के साथ काम करता है।
परिनियोजन
अपने ऐप को बनाने से पहले i1n पुल चलाएँ। अनुवाद एप्लिकेशन बाइनरी के साथ बंडल किए जाते हैं।
ओवर-द-एयर अनुवाद अपडेट के लिए, i1n पुल को अपनी OTA अपडेट रणनीति (जैसे, Expo Updates या CodePush) के साथ मिलाएं।
import * as Localization from 'expo-localization'
import { I18n } from 'i18n-js'
const i18n = new I18n(translations)
i18n.locale = Localization.locale
<Text>{i18n.t('welcome')}</Text>import { registerI1n } from 'i1n'
import { I18n } from 'i18n-js'
const i18n = new I18n(translations)
registerI1n((key, params) => i18n.t(key, params))