React-native 環(huán)境配置
搭建開發(fā)環(huán)境
我使用的是Ubuntu+魅族手機(jī)(flyme5)每窖,所以選擇Linux+Android。就開始按照教程配置環(huán)境了咙俩。
環(huán)境配置之后就可以測試了:
react-native init AwesomeProject
cd AwesomeProject
react-native run-android
手動運(yùn)行Packager
有個常見的問題是在你運(yùn)行react-native run-android命令后耿戚,Packger可能不會自動運(yùn)行。此時你可以手動啟動它:
cd AwesomeProject
react-native start
修改項(xiàng)目
現(xiàn)在你已經(jīng)成功運(yùn)行了項(xiàng)目阿趁,我們可以開始嘗試動手改一改了:
使用你喜歡的文本編輯器打開index.android.js并隨便改上幾行
按兩下R鍵膜蛔,或是用Menu鍵(通常是F2,在Genymotion模擬器中是?+M)打開開發(fā)者菜單歌焦,然后選擇 Reload JS 就可以看到你的最新修改飞几。
在終端下運(yùn)行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的應(yīng)用的日志。
在設(shè)備上運(yùn)行
這樣你就可以在真機(jī)和模擬器上調(diào)試你的react-native應(yīng)用了独撇。
在已有原生應(yīng)用中添加react-native
simple
網(wǎng)站上已經(jīng)準(zhǔn)備了很多控件的例子屑墨,可以開啟你的RN之旅了。