react-native 使用总结

一.电脑系统 windows11专业版
1.环境配置

react-native0.72版本 
1.node  16+ ,个人选择的是 node20 npm 10
2.jdk 11
3.yarn 1.22.21
4.需要下载和安装 android-studio 开发工具
5.注意 android-sdk 的版本

以上5点 是首次创建项目并启动 报错的主要原因(还有就是 被墙了)

2.创建项目

首先,npm 要设置为 淘宝镜像, 
方法 npm config set registry https://registry.npmjs.org/ 

npx react-native init chenApp 创建项目 命令,也可以指定版本进行创建,根据自己的需要进行创建

// 项目结构如下:

3.可能会出现以下的错误信息:

可能会出现以下报错,如图: 

别慌,先去官网搂一眼

3-1.运行react ntive项目,运行到下载gradle就报错

通过上面的解决方法是没有用的,那怎么办呢?解决方法如下:
 直接 通过浏览器下载 gradle ,建议使用 迅雷下载(普通下载有点满慢)

https\://services.gradle.org/distributions/gradle-8.0.1-all.zip

4.解决方法如下:

将android/build.gradle中的jcenter()和google()分别替换如下:

repositories {
//        google()
//        mavenCentral()
        google()
        jcenter()
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        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://jitpack.io' }
    }

5.项目启动

npx react-native run-android
yarn start 
个人推荐使用 yarn 

项目启动效果如下:

9999.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。