创建版本0.71.19的ReactNative工程

最新推荐文章于 2024-09-08 15:43:17 发布

阿大大大大

最新推荐文章于 2024-09-08 15:43:17 发布

阅读量142

点赞数 3

文章标签： react native react.js javascript

本文链接：https://blog.csdn.net/weixin_39237314/article/details/140875727

版权

创建工程

node版本：v18.18.2
# 使用nrm工具切换淘宝源
npx nrm use taobao
创建工程
npx react-native@0.71.19 init ProjectName --version 0.71.19
创建完成后
1、修改Android gradle地址
distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-7.5.1-all.zip
2、修改maven地址
allprojects {
    repositories {
        maven { url 'https://maven.aliyun.com/repository/central' }
        maven { url 'https://maven.aliyun.com/repository/public' }
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven {url "https://maven.aliyun.com/repository/gradle-plugin"}
    }
}
3、JAVA_HOME环境变量切换成java11
4、cmd查看8081端口
netstat -ano | findstr 8081
若8081端口被占用，在任务管理器-任务详情，找到对应线程，关闭该线程
5、修改参数
reactNativeArchitectures=arm64-v8a

运行工程
yarn android
启动metro
yarn start

添加依赖

导航React Navigation

二维码扫码react-native-camera

生成二维码 react-native-svg react-native-qrcode-svg