i18next
- React Native kursu
- Uzman
- Ders 32/47
- 5 dk
i18next kütüphanesini öğrenirsin.
i18next kütüphanesi
i18next, React Native için en yaygın i18n kütüphanesidir. i18next çekirdeği ve react-i18next bağlayıcısı birlikte kullanılır. Çekirdek dil yönetimini yapar; bağlayıcı React'e entegre eder.
Kurulum: npm install i18next react-i18next. Sonra i18next.init() ile başlatırsın. Bu çağrıya çeviri dosyaları ve varsayılan dil verilir. react-i18next ayrıca useTranslation hook'unu sağlar; bu hook bileşenlerde t fonksiyonunu verir. Böylece her bileşen kendi çevirisini çağırır; props ile taşıma gerekmez.
init yapılandırması
i18next.init() bir yapılandırma nesnesi alır. Temel alanlar: resources (çeviri dosyaları), lng (varsayılan dil), fallbackLng (çeviri yoksa dönüş dili).
Örnek: i18next.init({ resources: { en: { translation: { hello: 'Hello' } } }, lng: 'en', fallbackLng: 'en' }). Burada resources her dilin çeviri tablosunu taşır. lng uygulama açıldığında hangi dilin kullanılacağını belirler. fallbackLng bir anahtar çevrilmediyse hangi dile başvurulacağını söyler. Bu üç alan, i18n kurulumunun temelidir.
Uygulama i18next'i başlat
i18next.init() çağrısı yaz. resources alanında en dili için translation bölümü ve içinde hello: 'Hello' olsun. lng ve fallbackLng alanları 'en' olsun.
Başlangıç kodu
import i18next from 'i18next';
// i18next.init çağrısını buraya ekleÖrnek çözüm
import i18next from 'i18next';
i18next.init({
resources: {
en: { translation: { hello: 'Hello' } }
},
lng: 'en',
fallbackLng: 'en'
});Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 i18next başlatma
i18next.____(config);i18next.init(config);Açıklama: Yapılandırma nesnesini alır.
2 fallbackLng ne işe yarar?
fallbackLng: 'en'- Paket adı
- Varsayılan font
- Ekran rengi
- Çeviri yoksa dönüş dili Doğru cevap
Açıklama: fallbackLng bir anahtar bulunamazsa başvurulan dildir.
3 Alanı rolüne eşle
| Kavram | Anlamı |
|---|---|
resources |
Çeviri tablosu |
lng |
Varsayılan dil |
fallbackLng |
Yedek dil |
init |
Başlatma yöntemi |