搭建react-native項目框架之創(chuàng)建項目

由于博主沒有ios環(huán)境，所以本項目均以安卓環(huán)境進(jìn)行，ios環(huán)境請各位自行打包測試。

本項目目前仍在開發(fā)中，相關(guān)文檔后續(xù)會補(bǔ)充。

創(chuàng)建項目

進(jìn)入你的工作目錄，運行

$?react-native?init?[project?name]

并耐心等待數(shù)（或數(shù)十）分鐘。

運行packager

$?react-native?start

可以用瀏覽器訪問http://localhost:8081/index.bundle?platform=android看看是否可以看到打包后的腳本（看到很長的js代碼就對了）。第一次訪問通常需要十幾秒，并且在packager的命令行可以看到形如[====]的進(jìn)度條。

安卓運行

保持packager開啟，另外打開一個命令行窗口，然后在工程目錄下運行

$?react-native?run-android

首次運行需要等待數(shù)分鐘并從網(wǎng)上下載gradle依賴。（這個過程屏幕上可能出現(xiàn)很多小數(shù)點，表示下載進(jìn)度。這個時間可能耗時很久，也可能會不停報錯鏈接超時、連接中斷等等——取決于你的網(wǎng)絡(luò)狀況和墻的不特定阻斷?？傊樌螺d，請使用穩(wěn)定有效的科學(xué)上網(wǎng)工具。）

運行完畢后可以在模擬器或真機(jī)上看到應(yīng)用自動啟動了。

在這個過程中可能會遇到一些錯誤，由于會出現(xiàn)多種可能性的問題，請各位自行g(shù)oogle解決，我在這里就不贅述了。

安卓運行效果圖