React Native Android körpüsünü necə qururam?

React Native ilə mobil proqramlar yazarkən JavaScript əsas proqramlaşdırma dilidir. Bununla birlikdə, bəzən mövcud React Native komponentinin üçüncü bir Android kitabxanasını dəstəkləmədiyi və ya istifadə etmədiyi bir platforma API çağırmaq istəyə bilərsiniz. Bu hallarda, Android Studio və Xcode ilə əlaqələndirmək üçün yerli kod yazmalısınız. Bu yazıda sizə ən sadə React Native Bridge modulunun necə yaradılacağını addım-addım göstərəcəyəm.

ReactNative üçün paketin hazırlanması üçün tələblər

  • Android Studio
  • Reaktiv yerli CLI
  • düyün

JavaScript ilə Tosta (Android Native-dən) daxil olmaq üçün React Native üçün bir körpü / paket yaradırıq.

Əvvəlcə bir paket yaratmaq üçün əsas qovluq quruluşunu qurmalıyıq. Kataloq quruluşunu aşağıdakı kimi yaradaq

1. Paket kataloqu yaradın:

mkdir cavab-yerli-android-tost

2. Paketi başlamaq üçün aşağıdakı əmri işə salın

cd-native-android-tost reaksiyası
npm init

Npm init çalıştırdığınız zaman sizdən paket istəniləcək. Paket haqqında bütün məlumatları daxil edin və pack.json faylı yaradılacaq.

İndi bir Android qovluğu və index.js faylı yaratmalısınız.

  • Android qovluğu bütün Java / Yerli kodları ehtiva edir.
  • İndex.js faylı, paketin giriş nöqtəsidir, çünki pack.json faylında qeyd etdiyimiz kimi bu fayl Javascript və Android arasında körpü təşkil edir.

Əsas qovluq qurulduqdan sonra Java / yerli kod yazmaq üçün Android qurmalıyıq. Android qovluq quruluşunu aşağıdakı kimi yaradın

  • AndroidManifest.xml: Bir Android tətbiqi üçün manifest dosyası, Android sisteminin tətbiqetmə ilə əlaqəli bütün detallarını ehtiva edən bir qaynaq sənədidir.

ToastModule.java:

  • ToastModule, ReactContextBaseJavaModule sinifini genişləndirir və JavaScript üçün tələb olunan funksiyanı həyata keçirir.
  • Bütün React metodları @ReactMethod kimi yazılır. Javascript ilə əldə etdiyimiz show () metodunu yaratdıq.
  • Daha çox metod yaratmaq istəyirsinizsə, metodun tərifi yerinə yetirilmədən əvvəl @ReactMethod yazmalısınız, çünki React bu metodun Javascript vasitəsilə çağrıldığını tanıyır.

ToastPackage.java

ToastPackage modulu qeyd etmək üçün istifadə olunur. Kodu kopyalayıb ToastPackage.java dosyanıza yapışdırın və ehtiyaclarınıza uyğun olaraq dəyişdirin.

Index.js

Bu sənədlə yerli modul JavaScript moduluna daxil edilmişdir.

NativeModule, ümumiyyətlə ReactContextBaseJavaModule sinifini genişləndirən və JavaScript üçün tələb olunan funksiyaları həyata keçirən bir Java sinifidir.

Bu, əsasən Javascript içərisindən modulumuza zəng etmək üçün istifadə olunur.

İndiyə qədər Android və JavaScript üçün rabitə körpüsünü uğurla qurduq.

Layihəmizdə bu paketi necə istifadə edirəm?

React Native layihəsi yaradın: React-native init nümunəsi

Bütün düyün modulları {React Native project} \ node_modules \ altında quraşdırılmalıdır.

Paketinizin adını React Native Project package.json sənədinə və paketinizin yoluna yapışdırıb layihənizdə istifadə etmək üçün aşağıdakı əmri işə salın.

npm quraşdırma
reaksiya ilə əlaqəli əlaqə

Reaksiya doğma link əmri ilə paketiniz layihənizə bağlanır və Javascript vasitəsilə tosta daxil ola bilərsiniz.

İndi layihəni tost gətirmək istədiyiniz paketi yalnız JS dosyanıza daxil edin.

Burada yerli ReactNative metodu deyirik

ToastModule.show ("Salam Dünya");

Bu belədir! Layihənizi işə salın və layihənizin istənilən yerində tostdan istifadə edin.

BoTree-də müştərilərimizin işinə dəyər qatmaq üçün veb və mobil tətbiqetmələr yaradırıq. Müştərilərimizin nişan almağımızdan ən yaxşı şəkildə istifadə etmələrini təmin etmək üçün uyğunlaşırıq. Biznesinizi növbəti səviyyəyə necə aparacağımızı müzakirə etmək üçün bizə bir e-poçt göndərin.

Əlaqədə olmaq. Bizimlə danış