React 入門

要求

1. OS X - 當(dāng)前僅支持 OS X

2. 推薦使用 Homebrew 的方式來安裝 nvm，watchman 和 flow。

3. 安裝 Node.js 4.0 或者更新的版本。

• 使用 Homebrew 來安裝 nvm 或者參考 它的安裝指南。接著運行 nvm install node && nvm alias default node, 它可以讓您安裝最新版本的 Node.js 并設(shè)置您的終端，所以你可以通過鍵入 node 來運行它。使用 Nvm 可以讓您安裝多個版本的 Node.js 并且在它們之間輕松切換。

• npm 的更新之處。

4. brew 安裝 watchman。我們推薦您安裝 watchman, 否則您可能在點擊一個節(jié)點文件的時候出現(xiàn)錯誤。

5. brew 安裝 flow。如果您想使用 flow.

我們建議定期運行 brew update && brew upgrade 來使您的應(yīng)用程序保持最新狀態(tài)。

安裝 iOS

我們需要 Xcode 6.3 或者更高的版本。 您可以在 App 應(yīng)用商店里面安裝它。

安裝 Android

如果想要編寫 React Native 安卓應(yīng)用程序， 您需要安裝安卓 SDK （如果您不想在真機(jī)上運行您的應(yīng)用程序，那么您還需要一個安卓模擬器）。請參閱安卓安裝指南 說明來配置你的安卓環(huán)境 。

快速開始

$ npm install -g react-native-cli
$ react-native init AwesomeProject
$ cd AwesomeProject/

運行 iOS 應(yīng)用程序：

• 在 Xcode 中打開 ios/AwesomeProject.xcodeproj 并且點擊運行。

• 在選定的文本編輯器中打開 index.ios.js 并且編輯代碼。

• 點擊 iOS 模擬器中的 ?-R 來重新加載應(yīng)用程序并且觀察發(fā)生的變化！

運行 Android 應(yīng)用程序：

• $ react-native run-android

• 在選定的文本編輯器中打開 index.android.js 并且編輯代碼。

• 按下菜單按鈕 （默認(rèn)情況下是 F2，或在 Genymotion 中點擊 ? M），然后選擇 Reload JS 看看發(fā)生了什么變化！

• 在一個終端中運行 adb logcat *:S ReactNative:V ReactNativeJS:V 來查看您的應(yīng)用程序日志。

祝賀你！你已經(jīng)成功運行并修改了你的第一個 React Native 應(yīng)用程序。

_如果您在開始的時候遇到任何問題，請參閱 故障診斷頁面

讓安卓支持現(xiàn)有的 React Native 項目

如果您現(xiàn)在已經(jīng)擁有一個(iOS) React Native 項目并且想讓安卓也支持它, 那么您需要在您現(xiàn)有的項目目錄中執(zhí)行以下命令：

1.將您 package.json 文件中的 react-native目錄更新到最新的版本

1. $ npm install

2. $ react-native android