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

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

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

創(chuàng)建項(xiàng)目

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

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

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

運(yùn)行packager

$?react-native?start

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

安卓運(yùn)行

保持packager開啟，另外打開一個(gè)命令行窗口，然后在工程目錄下運(yùn)行

$?react-native?run-android

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

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

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

安卓運(yùn)行效果圖