手把手教你入坑的高級(jí)指南。
環(huán)境搭建
// 啟動(dòng)
$ cd sxtReactNativeTest
$ yarn
$ react-native run-android
// 初始化工程
$ react-native init myApp
$ cd myApp
$ react-native run-android
// android studio 調(diào)試
$ react-native start
// 查看連接的設(shè)備
$ adb devices
// (Android 5.0及以上)使用adb reverse命令
$ adb reverse tcp:8081 tcp:8081
啟動(dòng)后測(cè)試
// 1. 查看React Native packager service
http://127.0.0.1:8081/
// 2. 不能使用代理绷杜，否則會(huì)報(bào)錯(cuò)直秆？
// 3. 調(diào)試
http://127.0.0.1:8081/debugger-ui
遷移工程代碼
// 1. 初始化一個(gè)項(xiàng)目工程
$ react-native init helloword
// 2. 測(cè)試是否能正常運(yùn)行
$ react-native run-android
// 3. 修改安裝依賴
替換package.json文件
刪除yarn.lock node_modules
// 4. 重新安裝依賴，測(cè)試是否能正常運(yùn)行（首報(bào)報(bào)錯(cuò)重試即可）
$ yarn
$ react-native run-android
// 5. 復(fù)制工程代碼
拷貝入口文件index.android.js
復(fù)制src目錄工程代碼及依賴
// 6. 修改包名
修改index.android.js文件
AppRegistry.registerComponent('sxtReactNativeTest', () => sxtReactNativeTest);
// 7. 測(cè)試是否能正常運(yùn)行
$ react-native run-android
新建一個(gè)工程
// 1. 初始化一個(gè)項(xiàng)目工程
$ react-native init hellouyun
// 2. 測(cè)試是否能正常運(yùn)行
$ react-native run-android
// react-native調(diào)用android原生示例
// http://blog.csdn.net/bigboysunshine/article/details/53607079
// android/app/src/java/com.*/ 下兩文件鞭盟，根目錄下一文件
// 引用
import ToastAndroid from '../../ToastAndroid';
ToastAndroid.show('調(diào)用android原生消息提示圾结！',ToastAndroid.SHORT);
引入 antd-mobile
// 引入 antd-mobile#
$ yarn add antd-mobile
$ yarn add babel-plugin-import --dev
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
