搭建react-native項目框架之創(chuàng)建項目
由于博主沒有ios環(huán)境,所以本項目均以安卓環(huán)境進行,ios環(huán)境請各位自行打包測試。
本項目目前仍在開發(fā)中,相關文檔后續(xù)會補充。
創(chuàng)建項目
進入你的工作目錄,運行
$?react-native?init?[project?name]
并耐心等待數(shù)(或數(shù)十)分鐘。
運行packager
$?react-native?start
可以用瀏覽器訪問http://localhost:8081/index.bundle?platform=android看看是否可以看到打包后的腳本(看到很長的js代碼就對了)。第一次訪問通常需要十幾秒,并且在packager的命令行可以看到形如[====]的進度條。
安卓運行
保持packager開啟,另外打開一個命令行窗口,然后在工程目錄下運行
$?react-native?run-android
首次運行需要等待數(shù)分鐘并從網(wǎng)上下載gradle依賴。(這個過程屏幕上可能出現(xiàn)很多小數(shù)點,表示下載進度。這個時間可能耗時很久,也可能會不停報錯鏈接超時、連接中斷等等——取決于你的網(wǎng)絡狀況和墻的不特定阻斷。總之要順利下載,請使用穩(wěn)定有效的科學上網(wǎng)工具。)
運行完畢后可以在模擬器或真機上看到應用自動啟動了。
在這個過程中可能會遇到一些錯誤,由于會出現(xiàn)多種可能性的問題,請各位自行google解決,我在這里就不贅述了。
安卓運行效果圖