鍍金池/ 教程/ HTML/ 入門
JavaScript 環(huán)境
計(jì)時(shí)器
Native 模塊(iOS)
入門
在設(shè)備上運(yùn)行
ProgressBarAndroid
iOS 應(yīng)用程序狀態(tài)
網(wǎng)絡(luò)
ToolbarAndroid
測(cè)試
輔助功能
網(wǎng)絡(luò)信息
DrawerLayoutAndroid
樣式表
手勢(shì)應(yīng)答系統(tǒng)
與現(xiàn)有的應(yīng)用程序集成
樣式
教程
不透明觸摸
調(diào)試 React Native 應(yīng)用
iOS 活動(dòng)指示器
導(dǎo)航器
無反饋觸摸
動(dòng)畫布局
Web 視圖
鏈接庫(kù)
像素比率
React Native 官網(wǎng)首頁(yè)介紹
iOS 導(dǎo)航器
交互管理器
全景響應(yīng)器
SwitchAndroid
TabBarIOS.Item
相機(jī)滾動(dòng)
ToastAndroid
iOS 震動(dòng)
BackAndroid
文本輸入
iOS 選擇器
應(yīng)用程序注冊(cè)表
iOS 開關(guān)
滾動(dòng)視圖
iOS 日期選擇器
iOS 警告
iOS 鏈接
視圖
圖片
列表視圖
異步存儲(chǔ)
Native UI 組件(Android)
iOS 滑塊
Map 視圖
高亮觸摸
iOS 推送通知
文本
定位
iOS 狀態(tài)欄
Native UI 組件(iOS)
在設(shè)備上運(yùn)行(Android)
Native 模塊(Android)
Flexbox
已知 Issues
iOS 選項(xiàng)卡
安裝 Android 運(yùn)行環(huán)境

入門

要求

  1. OS X - 當(dāng)前僅支持 OS X
  2. 推薦使用 Homebrew 的方式來安裝 nvm,watchman 和 flow。
  3. 安裝 Node.js 4.0 或者更新的版本。
    • 使用 Homebrew 來安裝 nvm 或者參考 它的安裝指南。接著運(yùn)行 nvm install node && nvm alias default node, 它可以讓您安裝最新版本的 Node.js 并設(shè)置您的終端,所以你可以通過鍵入 node 來運(yùn)行它。使用 Nvm 可以讓您安裝多個(gè)版本的 Node.js 并且在它們之間輕松切換。
    • npm 的更新之處。
  4. brew 安裝 watchman。我們推薦您安裝 watchman, 否則您可能在點(diǎn)擊一個(gè)節(jié)點(diǎn)文件的時(shí)候出現(xiàn)錯(cuò)誤。
  5. brew 安裝 flow。如果您想使用 flow.

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

安裝 iOS

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

安裝 Android

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

快速開始

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

運(yùn)行 iOS 應(yīng)用程序:

  • 在 Xcode 中打開 ios/AwesomeProject.xcodeproj 并且點(diǎn)擊運(yùn)行。
  • 在選定的文本編輯器中打開 index.ios.js 并且編輯代碼。
  • 點(diǎn)擊 iOS 模擬器中的 ?-R 來重新加載應(yīng)用程序并且觀察發(fā)生的變化!

運(yùn)行 Android 應(yīng)用程序:

  • $ react-native run-android
  • 在選定的文本編輯器中打開 index.android.js 并且編輯代碼。
  • 按下菜單按鈕 (默認(rèn)情況下是 F2,或在 Genymotion 中點(diǎn)擊 ? M),然后選擇 Reload JS 看看發(fā)生了什么變化!
  • 在一個(gè)終端中運(yùn)行 adb logcat *:S ReactNative:V ReactNativeJS:V 來查看您的應(yīng)用程序日志。

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

_如果您在開始的時(shí)候遇到任何問題,請(qǐng)參閱 故障診斷頁(yè)面

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

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

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

  1. $ npm install
  2. $ react-native android
上一篇:iOS 狀態(tài)欄下一篇:定位