React Native呼叫Android介面

2021-08-17 07:08:23 字數 1011 閱讀 3062

由於工作需要近期研究了下react native呼叫android介面,該文章將介紹自己在rn環境搭建和封裝第三方sdk介面以及rn呼叫android介面的趟坑過程。(第一次寫部落格,寫的不好請大家勿噴)

1:rn環境搭建

rn環境搭建有些繁瑣,但是按照官網文章一步一步操作完成是沒有太大問題的。

2:嵌入到現有原生應用

其中遇到下面命令無法執行可忽略該步驟。

2.2:在這個過程中遇到了乙個神坑卡了好長時間,文件中說執行npm start啟動開發伺服器,然後發現根本啟動不起來一直卡著不動後來試過各種方法都不行,不知道就是起不來還是什麼原因後來放棄了是用該命令 改為react-native run-android啟動專案。但是該命令會報下android project not found. maybe run react-native android first?錯誤(如圖)

出現這個問題主要是因為android專案的目錄結構跟react-native支援的目錄結構不一致導致的。可以執行「react-native upgrade

」該命令執行之後你會發現你的android專案的目錄結構變化了,

會在專案的根目錄下生成乙個

android檔案 

再次執行react-native run-android發現專案可以正常執行起來了,但是實際執行的是後來新生成的android專案,所以後期android封裝介面**需要在該工程下編寫。

3:reactnative呼叫android方法

4:附上幾個之前網上大神封裝好的工程示例

rn呼叫聲網介面工程:

rn呼叫wx介面工程:

React Native父元件呼叫子元件

用元件化寫的 import react,from react import from react native import greeting1 from greeting.js class greeting extends component console.log foo console.war...

react native上手體驗

目前放出來的是ios版本,後續還會放出android版本,在加上之前的reactjs,那乙份 搞定三個平台並非不可能,於是我也下了個react native來體驗一把。react native目前只放出了ios版本,那為了體驗,你必須有os x系統,並且安裝了xcode.另外官方推薦使用homebr...

react native學習資源

這是我覺得比較有用的學習資源 要多練習多理解 一 1.react native 官方api文件 2.react native中文文件 3.react native通訊機制詳解 4.react native布局篇 5.react native基礎指南 一 6.react native基礎指南 二 7....