Hello React Native

heinika1476775901521發表於2017-12-14

React-native 環境配置

搭建開發環境
我使用的是Ubuntu+魅族手機(flyme5),所以選擇Linux+Android。就開始按照教程配置環境了。

環境配置之後就可以測試了:

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

手動執行Packager

有個常見的問題是在你執行react-native run-android命令後,Packger可能不會自動執行。此時你可以手動啟動它:

cd AwesomeProject react-native start

修改專案

現在你已經成功執行了專案,我們可以開始嘗試動手改一改了:

使用你喜歡的文字編輯器開啟index.android.js並隨便改上幾行 按兩下R鍵,或是用Menu鍵(通常是F2,在Genymotion模擬器中是⌘+M)開啟開發者選單,然後選擇 Reload JS 就可以看到你的最新修改。 在終端下執行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的應用的日誌。

在裝置上執行

參考這篇文章

這樣你就可以在真機和模擬器上除錯你的react-native應用了。

在已有原生應用中新增react-native

參考這篇文章

simple

網站上已經準備了很多控制元件的例子,可以開啟你的RN之旅了。

相關文章