今天閑著空閑,就來學(xué)習(xí)一下React Native 畢竟這個也上線 很久了,而且可以開發(fā)androdi 和ios 兩個版本荐捻,
我就簡單來說一下辐棒,看了網(wǎng)上很多教程,我就簡單概述下
android windows環(huán)境搭配
http://www.cnblogs.com/jone-chen/p/6248465.html
需要下載 Git? python? node.js 這3個軟件秕噪, 百度上都可下載出來
主要的幾個命令:
1钳降、初始化項(xiàng)目react-native init projectName
2、dos進(jìn)入項(xiàng)目文件夾之后react-native start腌巾,啟動服務(wù)
3遂填、另外開啟一個DOS窗口,啟動應(yīng)用:react-native run-android
4澈蝙、自定義創(chuàng)建版本號項(xiàng)目 react-native init 項(xiàng)目名 --version=0.44.3
中途我用最新的React Native 就導(dǎo)致里面的內(nèi)部文件沒有創(chuàng)建出來吓坚,所以用了個 上面 自己設(shè)置的版本號,0.44.3 就創(chuàng)建出 index.android.js 和 index.ios.js 這兩個文件了 碉克。
如果使用外部 模擬器凌唬,可以用控制臺切換安裝模擬器:adb connect 127.0.0.1:62001
遇到的一些簡單報錯?http://www.cnblogs.com/meteoric_cry/p/4874517.html
端口被占用: http://blog.csdn.net/chaoyangsun/article/details/71194743
在android手機(jī)上運(yùn)行react-native項(xiàng)目時
報錯:unable to load script from assets 'index.android bundle' ?,make sure your bundle is packaged correctly or youu're runing a packager server
解決方案:
第一步:在android/app/src/main 目錄下創(chuàng)建一個 ?assets空文件夾
第二步:執(zhí)行下面這段命令
react-native?bundle?--platform?android?--dev?false?--entry-file?index.android.js?--bundle-output?android/app/src/main/assets/index.android.bundle?--assets-dest?android/app/src/main/res/
會發(fā)現(xiàn)assets文件夾下多出兩個文件
第三步:重新run程序。