android studio调试RN程序

164 阅读1分钟

android studio调试RN程序

需求说明

  • 使用RN 开发android 程序时,需要对android原生代码进行调试,看第三方比如(微信回调是否成功)
  • 一些涉及原生android代码的bug,调试追踪定位。

环境

  • vscode,android studio

步骤

第一步: yarn start或者 npm start或者npx react-native start

第二步:(第一次打开会很慢,可以先配置依赖下载路径,见下)然后使用android studio 打开RN项目下的android文件夹

解决依赖下载速度太慢

// 目录 XXX/android/build.gradle
allprojects {
    repositories {
        mavenLocal()
        maven {
            url("$rootDir/../node_modules/react-native/android")
        }
        maven {
            url("$rootDir/../node_modules/jsc-android/dist")
        }

        google()
        jcenter()
        maven { url 'https://www.jitpack.io' }
    }
}

第三步:手机开发者模式,启动调试 rndebug.png

第四步:日志过滤 rndebug2.png

可以愉快的进行调试了或者开发。

  • vs code 中可以快速更新代码
  • android studio 中可以看原生日志,更进一步可以一行行调试。且启动更快。
  • 总体感觉还是挺可以的,比用yarn android控制性更高一些。