使用Expo创建第一个React Native项目


前言

一起看看关于RN的一些坑,希望对你有用,快速上手


创建项目

npx create-expo-app@latest

完了会自动安装需要的依赖

选择设备

我们可以选择模拟器或者真机进行调试
下面以真机为例

使用有线连接

首先用数据线连接手机和电脑,输入以下命令可查看到当前设备,如果出现则代表连接成功

adb devices

当然,也可以使用无线连接,找到设备的ip地址,然后adb connect 连接即可,但是也需要先用usb连接,还不如直接用上面的有线调试,更方便(有线连接成功后也可以拔掉数据线,也可以用正常访问的)

启动项目

使用VScode打开刚刚创建的项目
输入以下命令,二选一即可

pnpm start
npm start

启动成功后的画面

在这里插入图片描述
此时,可以选择运行的平台,也就行尼希望在哪一个平台查看项目(有三个可选择:web、android、ios)

命令介绍

  1. a:android设备运行
  2. w:web设备上运行
  3. r:重新加载应用
  4. s:切换到开发构建模式

此时,我们输入a可在Android上运行当前项目

可能会遇到的问题

如果你是第一次跑项目,会自动在你的设备上进行安装Expo Go应用,可能设计到网络问题,导致下载失败,此时我们可以手动下载apk进行安装

  1. 首先下载apk文件
  2. 使用adb进行安装
adb install apk文件名称

安装成功后,在你的设备上应该可以看到Expo Go的应用,证明安装成功

此时,再次运行项目时,可正常运行

  • 8
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小童不学前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值