当初新学React-native的时候,也是感觉一脸懵逼,只能看官网,看视频,去找qq群,没人帮助自己。一点一点肯,慢慢的跳坑,然后再跳出来,学到现在,也不敢说能参透notejs的原理,但是 我会把自己遇到的一些小技巧记下来,方便后人采纳。
很多新手好比调试网络接口的时候会很苦恼,为什么呢? 一是因为对fetch的不熟悉,不知道这样写对不对,想通过打log的方式去看看程序执行的过程,但是reactnative中要不用ToastAndroid 要不用alert,但是这写只能打出一个字符串,有时候拿不准数据类型还会报错,如果用dubug的模式,会非常卡顿,而且效率不高;二是对整个React-native流程的不熟悉,感觉写代码就是碰运气,一点一点试试。
我还是想给新手的同学的们点忠告,官网还是要看的,一定要仔细。里面还是有很多好东西的,那我就说一下React-native的调试小技巧。
Log
很多同学疑问 ,既然js有个全局API console.log() 为什么看不到输出呢?或者找不到输出在哪里,有很多同学认为console的log只能在debug的窗口下的console下打印出来,那么你就错了,mac自带的终端 用logcat也可以输出。
就记住一个命令就行
react-native log-android
当然,如果是ios的就是
react-native log-ios
原理很简单,debug模式,app会通过网络把你的本地代码部署到浏览器上,让浏览器模拟运行,所以你会感觉到卡,而终端打印log的原理就是把console打印的log结合logcat打印出来,既然是到了logcat这一步,那还不随便让你折腾呢。
Debug 弹窗
在开发的过程中需要经常调试程序,Facebook 制定的调试模式 必须摇晃手机才能弹出debug 弹窗,真机还可以摇一摇 ,但是到了模拟器上 就没办法摇了,有的同学要说,模拟器不是有menu键吗 ?Facebook 也规定了可以

本文分享了React-native的调试技巧,包括如何使用`react-native log-android`和`react-native log-ios`在Logcat查看console.log输出,以及在没有菜单键的设备上,如何使用ADB命令模拟按键触发Debug弹窗。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



