在看這篇文章之前先要確保你window下的react-native的環境已經搭建好了。如果還沒有搭建好的請轉看:史上最詳細Windows版本搭建安裝React Native環境配置
創建項目之前請確保已配好React-Native的開發環境:
1.安裝Jdk
2.安裝Android SDK
3.設置Android SDK
4.安裝node
5.安裝git
6.安裝react-native命令行工具react-native-cli
1.創建RN項目(ReactNativeTest)
打開cmd,進入你希望創建項目的目錄,輸入react-native init ReactNativeTest,等待一段時間(較慢)
創建完成的效果:
2.ReactNativeTest目錄結構
3.運行package(運行服務)
1.打開cmd,進入ReactNativeTest項目的目錄。
2.輸入react-native start,等待一段時間
3.服務啓動成功的效果(注意這個窗口不要關閉):
4.檢測服務是否可用
這時候可以用瀏覽器訪問http://localhost:8081/index.android.bundle?platform=android,如果可以訪問表示服務器端已經可以了(下圖是服務啓動成功並且可以訪問)。
4.開始模擬器
1.啓動模擬器:
2.檢測模擬器是否在線:
打開新的一個cmd窗口(不要關閉之前的那個),執行adb devices
5.運行ReactNativeTest項目
1.打開新的cmd命令行,進入ReactNativeTest項目的目錄,執行:react-native run-android (這步需要下載依賴,構建比較久,耐心等待)
2.運行成功後如下圖
3.模擬器運行的效果:
來源:http://bbs.520it.com/forum.php?mod=viewthread&tid=2215&highlight=React