哇,快看,那里有React Native的坑

本文记录了一位开发者初次接触ReactNative时遇到的问题及解决过程,包括红黑屏问题、环境变量配置、真机调试步骤、热更新使用技巧等,为新手提供了宝贵的实战经验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、红黑屏,我的天呀,怎么办?睡一觉吧

第一次玩React Native,按着文档来,跑着跑着,咦,红黑屏了。
怎么办?不玩了?那先放着,过两天再来看看咯。
首坑.jpg

二、粗心大意,原来还有配置没配好

好了,已经过两天了,继续来看。
我是按着文档来的,从安装环境到真机运行,因为之前已经装过安卓的开发环境,以为是没有问题的,就,没怎么去理它。
直到我重新看了一下,哦,还有一个环境变量还没配好:

c:\Users\你的用户名\AppData\Local\Android\Sdk\platform-tools

三、安卓真机调试

以为万事俱备,只欠上机,仔细看了下真机调试的文档之后,还发现有两个命令没敲。

  • adb devices:检查你的设备是否能正确连接到 ADB(Android Debug Bridge)
  • adb reverse tcp:8081 tcp:8081:使设备可以访问开发服务器,快速迭代修改应用,敏捷开发。
  • react-native run-android:最后,真机上跑起来
    于是,就有了如下结果:
    哈哈哈,开始有点挫折不要怕,结果是欣慰的

四、热更新?快速开发?

总不可能每一次我修改源代码,我就重新react-native run-android一遍吧,这个有点不太可能。
上网搜了下,说要摇下手机?还有就是敲下命令?命令我没试,就傻傻的摇了手机,我 * * 被自己蠢到了,啥都没有。
后来想了想,不就是调出菜单吗?于是我长按了手机的菜单键,果然,有效果,功夫不负有心人啊
辅助功能菜单
好了,具体的功能自己点点看就可以了。

五、吃水不忘挖井人

React Native中文文档
搭建开发环境
在设备上运行

原文链接: https://www.jianshu.com/p/5e87795a71db

转载于:https://www.cnblogs.com/xieqian/p/10789209.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值