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

在設(shè)備上運(yùn)行

注意,在設(shè)備上運(yùn)行需要 Apple Developer 賬號,且需要配置你的 iPhone。本指南僅覆蓋 React Native 特定的主題。

從設(shè)備訪問開發(fā)服務(wù)器

你可以使用開發(fā)服務(wù)器在設(shè)備中快速迭代。要做到這一點(diǎn),你的筆記本電腦和你的手機(jī)必須處于相同的 wifi 網(wǎng)絡(luò)中。

  1. 打開 iOS / AppDelegate.m
  2. 更改 URL 中的 IP,從 Localhost 改成你的筆記本電腦的 IP
  3. 在 Xcode 中,選擇你的手機(jī)作為構(gòu)建目標(biāo),并按“構(gòu)建和運(yùn)行”

提示
晃動(dòng)設(shè)備來打開開發(fā)菜單(重載、調(diào)試等)

使用離線包

你也可以將應(yīng)用程序本身的所有 JavaScript 代碼打包。這樣你可以在開發(fā)服務(wù)器沒有運(yùn)行時(shí)測試它,并把應(yīng)用程序提交到到 AppStore。

  1. 打開 iOS / AppDelegate.m
  2. 遵循“選項(xiàng) 2”的說明:

    • 取消 jsCodeLocation =[[NSBundle mainBundle]…

    • 在你應(yīng)用程序的根目錄的終端運(yùn)行給定 curl 命令

Packager 支持幾個(gè)選項(xiàng):

  • dev(默認(rèn)的 true)——設(shè)置了 __DEV__ 變量的值。當(dāng)是 true 時(shí),它會(huì)打開一堆有用的警告。對于產(chǎn)品,它建議使用 dev = false
  • minify(默認(rèn)的 false)——只要不通過 UglifyJS 傳輸 JS 代碼。

故障排除

如果 curl 命令失敗,確保 packager 在運(yùn)行。也嘗試在它的結(jié)尾添加 ——ipv4 標(biāo)志。

如果你剛剛開始了你的項(xiàng)目,main.jsbundle 可能不會(huì)被包含到 Xcode 項(xiàng)目中。要想添加它,右鍵單擊你的項(xiàng)目目錄,然后單擊“添加文件……”——選擇生成的 main.jsbundle 文件。