天天看點

React Native真機調試

最近在嘗試使用 React Native 做一些東西,發現真機調試還是有一些坑存在的。

iOS 真機調試

首先,你要讓調試用電腦和你的手機必須處于相同的 WiFi 網絡中下

  1. 打開 iOS 項目的

    AppDelegate.m

    檔案
  2. 更改

    jsCodeLocation

    中的

    localhost

    改成你電腦的區域網路IP位址
  3. Xcode

    中,選擇你的手機作為目标裝置,

    Run

    即可

可以通過晃動裝置來打開開發菜單(重載、調試等)

Android 真機調試

在 Android 裝置上打開

USB debugging

并連接配接上電腦啟動調試。

在真機上運作的方法與在模拟器上運作一緻,都是通過

react-native run-android

來安裝并且運作你的 React Native 應用。

如果不是 Android 5.0+ (API 21) ,那麼就沒辦法通過

adb reverse

進行調試,需要通過 WiFi 來連接配接上你的開發者伺服器

讓調試用電腦和你的手機必須處于相同的 WiFi 網絡中下

  1. 打開震動菜單 (搖動裝置)
  2. 前往

    Dev Settings

  3. 選擇

    Debug server host for device

  4. 輸入調試用電腦的區域網路IP
  5. 點選

    Reload JS

Xcode7上運作報錯解決方法

在 Xcode7 指定真機運作,結果報出如下錯誤:

Undefined symbols for architecture arm64:   "_RCTSetLogFunction", referenced from:       -[PropertyFinderTests testRendersWelcomeScreen] in PropertyFinderTests.o ld: symbol(s) not found for architecture arm64 clang: error: linker command failed with exit code 1 (use -v to see invocation)
           

一開始以為的 React Native 庫的問題,查找了一下資料,研究了一下,原來在

Build Setting

中設定

Dead Code Stripping

No

(如下圖)就可以解決了

React Native真機調試

版權聲明:本文為CSDN部落客「weixin_34007020」的原創文章,遵循CC 4.0 BY-SA版權協定,轉載請附上原文出處連結及本聲明。

原文連結:https://blog.csdn.net/weixin_34007020/article/details/91597425