react-native真机调试踩坑指南(代码片段)

heioray heioray     2023-01-15     819

关键词:

继上一篇基础安装踩坑继续我们的踩坑之旅,备注一下以下仅针对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真机调试(代码片段)

...可以了,注意安装后的环境变量的配置2.创建新项目:npxreact-nativeinitAwesomeProject3.使用Android真机为例  注意开启USB调试,各手机方法不同,可直接百度。并允许USB安装应用下面检查你的设备是否能正确连接到ADB(AndroidDebugBridge... 查看详情

arouter踩坑指南(代码片段)

文章目录ARouter踩坑指南导读添加依赖和配置问题ARouterHelper插件使用问题进阶用法通过URL跳转理解使用withObject传递参数拦截器理解全局降级和单独降级实现onActivityResult路由ARouter踩坑指南导读此文章仅记录ARouter使用过程中遇到的... 查看详情

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

参考技术A在调试react-native时,当我打开菜单,开启remotejsdebug时,在浏览器的控制台出现错误,提示说无法跨域获取jsbundle看看github上有没有相关的issue,果不其然,有许多开发者也遇到了相同的问题,最终顺利找到了原因和解决... 查看详情

gradle升级踩坑指南(代码片段)

升级gradle后,除了语法的切换,还有各种各样奇奇怪怪的问题,这里我们大致总结下。1.升级步骤(1)修改gradle-wrapper.properties版本distributionUrl=https\\://services.gradle.org/distributions/gradle-6.5-bin.zip&#x 查看详情

react-native中expo的真机测试字体不加载的坑(代码片段)

native-base的字体问题Roboto_medium把native-base中的Fonts文件夹放到项目的根目录.importFont,AppLoadingfrom‘expo‘;importRootfrom‘native-base‘;exportdefaultclassAppextendsReact.Componentconstructor()super();this.state 查看详情

reacthooks异步操作防踩坑指南(代码片段)

ReactHooks是React16.8的新功能,可以在不编写class的情况下使用状态等功能,从而使得函数式从无状态的变化为有的。React的类型包@types/react中也同步把.SFC(StatelessFunctionalComponent)改为了React.FC(FunctionalComponent)。通过这一升级,原先clas... 查看详情

spark使用踩坑完全(并不)指南(代码片段)

1.java编译报错错误Error:AJNIerrorhasoccurred,pleasecheckyourinstallationandtryagain??下面还有其他报错但我没有截到,但问题的原因都是这个??这个错误一般情况是由于java版本与javac版本不同所导致的报错,即在cmd命令下分别使用java-version和jav... 查看详情

react-native调试(代码片段)

调出开发者菜单:ctl+m启用在线加载:启用热加载:屏蔽黄屏警告:importYellowBoxfrom‘react-native‘;YellowBox.ignoreWarnings([‘Warning:...‘]);安装react开发工具:npminstall-greact-devtoolsreact-devtools启用元素检测:调试: 查看详情

arouter踩坑指南(代码片段)

文章目录ARouter踩坑指南导读添加依赖和配置问题ARouterHelper插件使用问题Kotlin中使用注解@Autowired获取参数问题进阶用法通过URL跳转理解使用withObject传递参数拦截器理解全局降级和单独降级实现onActivityResult路由ARouter踩坑指南... 查看详情

arouter踩坑指南(代码片段)

文章目录ARouter踩坑指南导读添加依赖和配置问题ARouterHelper插件使用问题Kotlin中使用注解@Autowired获取参数问题进阶用法通过URL跳转理解使用withObject传递参数拦截器理解全局降级和单独降级实现onActivityResult路由ARouter踩坑指南... 查看详情

ubuntu下真机调试android(代码片段)

0.前言在Ubuntu下进行真机调试,不再像Windows下面那么简单了,需要手动配置一些文件才能够拥有正确的调试姿势,本文将讲解如何最简配置Ubuntu真机调试。1.获取USB设备输入命令lsusb显示系统中以及连接到系统的USB总... 查看详情

unity-真机调试android(代码片段)

title:unity-真机调试Androidcategories:Unity3dtags:[unity,Android,调试,profile]date:2017-01-1110:32:52comments:falsemathjax:truetoc:trueunity-真机调试Android,有点久没有真机调试过了.前篇使用Android手机真机调试unity项目-https://blog.csdn.net/qq_39147299/article/details/... 查看详情

react-native持续踩坑总结

  陆陆续续的已经接触了RN快3个月,整体的感受。。。感觉在调试兼容andorid问题的时候就像回到了IE时代。  本来想按自己踩坑的路径持续更新一些记录,但是,现实是坑太多,还是统一写一篇汇总一下吧(鉴于笔者的接触... 查看详情

react-native基础学习入门指南(代码片段)

React-Native基础学习入门指南背景随着前端工程师这个名词的日益火爆,同时衍生出全栈前端工程师。对移动端开发来说无疑是多了另一种选择,而不久前的微信小程序无疑是打响了前端开发的号角,所以如果对前端还... 查看详情

关于springaop中@within的使用踩坑指南(代码片段)

最近收到一个需求,需要采集下各个业务系统的日志,实现一个统一的SDK(语言Java),别的部门引用之后,就可以自动进行采集。我采用的是Springaop自定义注解来实现的,网上的代码抄了一份。然后思... 查看详情

安装robot.js踩坑记录含出坑指南(代码片段)

最近在写一个node的小项目,要用到模拟鼠标键盘的操作,于是找到了robot.js。安装库的时候遇到了一些问题,由于官方文档里并没有详细指引,故自行解决后记录下来,希望能帮助到别人。1、robot.js官方安装It... 查看详情

分布式配置nacos搭建踩坑指南(上)(代码片段)

...看不到预期的效果。本文章分上和下两篇,上篇讲典型的踩坑,下篇讲详细的搭建,并附上源代码。 踩坑1 现象:nacos安装文件下回来了,在windowsdos下运行:startup.cmd,发现报异常:org.springframework.context.ApplicationContextException... 查看详情

lorawan调试踩坑心得(代码片段)

先说两句抱歉,由于工作原因和个人原因,中间停更了这么久。接下来,本人会继续往下更,内容包括但不仅限于LoRa。文章还是会按照个人的习惯,坚持原创,一是作为自己的笔记,二是和广大工程师分享交流。LoRaWAN的定义是... 查看详情