如何搭好reactnative的expo环境

分两部分，电脑端和手机端演示效果（也可以在web端查看效果，根据兴趣自主探索）

一、命令行创建reactnative项目，命名expo-demo

1、执行以下四条命令即可
我使用的是sdk53版本的（后续下载expo app也需选择对应版本）

npx create-expo-app@latest expo-demo --template default@sdk-53

cd expo-demo

2、创建好的项目在文件夹目录展示，如图所示：

3、接着执行此行命令（淘宝镜像加速）

npm install --registry=https://registry.npmmirror.com

4、最后npm start即可

npm start

最后得到一个二维码和路径地址，代表成功运行，如图所示：

二、真机演示

1、需下载apkpure下载APKPure 3.20.53安卓版最新版本APK，点击下载APK

2、expoExpo Go - Expo，选择SDK53；选择Amdroid Emulator，然后Install

3、下载到电脑后，文件传输QQ，手机端操作（需要QQ和QQ浏览器）

可以打开电脑qq直接把文件拖上去

再用手机qq把文件下好，先下载apkpure app（可以在qq浏览器下载）

再下载expo通过apkpure安装，

下载流程和成功后界面如图所示

4、可以使用expo app 的Scan QR code，或者Enter URL manually方式（建议选择输入网址方式）

三、最终成功界面！

1、expo app展示

2、web端展示

也可以通过http://localhost:8081打开web端界面

---

如有不足，希望大家多多交流

版权声明：本文为博主原创文章