1.初始化,在Android terminal中鍵入:

npm init

2:安裝相關mudule

npm install react react-native

可以看到工程根目錄下多了個node_modules目錄,同時package.json中添加了配置資訊

可以在package.json中的scripts新增啟動指令碼:

"start": "node node_modules/react-native/local-cli/cli.js start",

3.在根目錄的build.gradle下新增maven庫的地址

4.在lib_rn/build.gradle下新增依賴庫(直接和package.json中react-native版本統一)

api 'com.facebook.react:react-native:0.57.4'

5.建立RN容器

6.新增許可權:

7.啟動服務:使用npm start 或者 react-native start

npm start

8.服務啟動後 ,執行app

mac下command+m 可以使用除錯工具(前提進入js頁面):

備註:0.57.4版本,如果有相關包不存在,可使用npm安裝,比如npm install @babel/core,最終下不了的話,可以降級react-native版本,親測0.56.0穩定.

相關資料:

react-native中文官網:

react-native官網:http://facebook.github.io/react-native/docs/getting-started.html

demo地址:https://github.com/RightOfHand/RNDemo.git

android原生與react-native通訊可參考:https://blog.csdn.net/qq_23575795/article/details/81298142