React-Native 真机调试踩坑指南

Posted heioray

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React-Native 真机调试踩坑指南相关的知识,希望对你有一定的参考价值。

继上一篇基础安装踩坑继续我们的踩坑之旅,备注一下以下仅针对Mac环境~~

安卓

1、adb 找不到命令?
Adb的全称为android Debug Bridge,就是起到调试桥的作用,真机调试安卓必备的工具。
做RN开发一般都会安装android studio,在安装之初会有一个android-platform-tools选项,这个就是adb用到的东西了。安装android studio之后,一般情况下配置一个bash_profile,把相关的环境变量配置以下就好了。

cd ~
touch .bash_profile

新建文件后在文件中添加如下配置

# 如果不是用Android Studio安装的sdk,则其路径可能不同
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:$ANDROID_HOME/emulator

2、.bash_profile都配好了还没起作用,什么情况?
配置好之后没起作用,可能是因为你没有更新配置,导致配置没生效,用source命令更新以下就好了

source ./.bash_profile

ios

1、使用dp单位后,ios大屏机屏幕中出现一个半透明的白色条块?
这个我也叫它“幽灵白块”,他的出现是由于当前dom设置了左上和右上的圆角,且圆角半径较小,并且目前只在ios np系列上发现了。
解决办法也有点奇葩。。。调大一点圆角半径就好了,具体原因一直没找到。

碰到了在更新上来,持续更新贴~需求请关注~
大家还有别的话,欢迎补充~~

以上是关于React-Native 真机调试踩坑指南的主要内容,如果未能解决你的问题,请参考以下文章

react-native 真机调试的跨域问题

react-native Mac下安卓真机调试

react-native 真机调试: coloud not connect to development server

react-native 真机调试: coloud not connect to development server

typescript安装及踩坑指南-vscode调试

react-native持续踩坑总结