1. 程式人生 > >react native與Android混合開發

react native與Android混合開發

想要進行混合開發你需要一定的android基礎,廢話不多說,直接上圖:

這裡寫圖片描述

在index.android.js 中註冊3個元件,分別為A、B、C,其中程式碼基本相同:

這裡寫圖片描述

點選text控制元件調到下一個activity,跳轉activity需要原生的支援,我們建立3個activity,分別載入A、B、C,

這裡寫圖片描述

MainActivity載入A,BActivity載入B,CActivity載入C,3個Activity在mainfest中註冊,預設啟動MainActivity,

這裡寫圖片描述

我們點選rn中的text控制元件然後跳轉activity(並不是navigator跳轉),需要rn呼叫原生的方法,建立ModualPackage 實現ReactPackage:

這裡寫圖片描述
在MainApplication中引入剛才建立的modualpackage,

這裡寫圖片描述

建立NativeModule,繼承ReactContextBaseJavaModule:

這裡寫圖片描述

在ModulePackage中引入此類:

這裡寫圖片描述

到此,原生的已經完成,我們看下RN如何使用:

這裡寫圖片描述

執行看下效果:
這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述