React Native：分享Windows平台搭建react native并构建apk的操作流程和配置信息

本次分享一下react native构建安卓apk的记录分享。本人鼓捣过Android studio 所以对其不陌生，Java更是看家本领，前端代码概念和基础基本上也通了.只是react native始终没有实践过。这几天研究了一下觉得RN的方案是非常不错的，而且组件库异常丰富。我有考虑过这次搞KMM或者腾讯的kuikly，但想着还是把RN搞通了，东西做起来，未来在看情况是都转向KMM等高性能平台

shunzi2016

1067人浏览 · 2025-09-22 11:40:39

shunzi2016 · 2025-09-22 11:40:39 发布

前序说明：

1.首先编辑器需要下载Android Studio

2.如果没有VPN请为安卓studio配置网络代理

3.接下来下载安卓的sdk，ndk,还有一台虚拟设备还有配套的gradle依赖

4.安装jdk，版本为17.x，并配置环境变量

5.安装mingw64

6.下载vscode，版本为：1.103.3

7.下载node.js 我的版本为：v22.19.0

9.尝试启动安卓

10.因为晚上网络不好，我关闭了所有应用，白天重新编译启动安卓设备

12.打包安卓apk

13.在Windows上安装第三方安卓多开模拟器

前序说明：

另外：据我的经验，好像我们白天的时候访问国外的网址会顺利一些，而晚上则比较卡顿，所以晚上走不下去，不妨洗洗睡了，白天继续哈哈哈

1.首先编辑器需要下载Android Studio

下载链接：

https://r7---sn-ni57rn7z.gvt1-cn.com/edgedl/android/studio/install/2025.1.3.7/android-studio-2025.1.3.7-windows.exe?cms_redirect=yes&met=1757952992,&mh=rM&mip=2409:8a00:7950:a310:5989:2e3a:4690:70eb&mm=28&mn=sn-ni57rn7z&ms=nvh&mt=1757952515&mv=m&mvi=7&pl=32&rmhost=r3---sn-ni57rn7z.gvt1-cn.com&rms=nvh,nvh&shardbypass=sd&smhost=r5---sn-ni57rn76.gvt1-cn.com

2.如果没有VPN请为安卓studio配置网络代理

我配置的代理如下：

https://mirrors.aliyun.com/android.googlesource.com/https://mirrors.aliyun.com/android.googlesource.com/代理的作用主要为gradle，sdk, VDM, ndk的下载和更新服务

3.接下来下载安卓的sdk，ndk,还有一台虚拟设备还有配套的gradle依赖

建议修改gradle的仓库地址：这样以后方便找到以及迁移重用

下载sdk和ndk

安卓sdk选择默认最高LTS 16

SDK选择了36，和35 两个版本；ndk选择了28.2.1367635版本

我这已经是下载好的状态，这里我是讲sdk的路径由默认的C盘迁移到D盘了，防止装系统消失

配置sdk的系统环境变量

因为ndk27的版本总是报错，所有更新了ndk的版本，我这个安卓studio的默认版本是29更高，但是RN的gradle配置中的默认版本是27.xxx。不过最终统一为了28.xxx 版本

如果安卓studio下载比较慢的话，直接将如下链接发到迅雷会比较快：

https://dl.google.com/android/repository/android-ndk-r28c-windows.zip

曾报错如下：

总之vscode和安卓studio的配置上ndk和sdk的版本要一直，且最好是较新的lts版本

------

下载一部安卓虚拟机，在安卓studio里面选择一个类型

我选择的是pixel 9,这个虚拟机是建议一定下载的，因为在启动RN测试的时候是需要这个步骤的，如果是新手和小白，用安卓studio的是最快的。

4.安装jdk，版本为17.x，并配置环境变量

记住一定是17版本

下载链接：

https://api.foojay.io/disco/v3.0/ids/16008c489780dfb402c44316e612a16c/redirect

注意jre环境在jdk11以后需要通过jre生成命令行生成

bin\jlink.exe --module-path jmods --add-modules java.desktop --output jre

生成以后不要忘记了jre的系统路径设置

测试Java 环境：

5.安装mingw64

下载链接：

https://download.ihsdus.cn/down/2023down/9/07/mingw64.zip?timestamp=68ce501c&auth_key=e512ba138f17e86772764bec3d95d702

同样的需要配置系统环境变量

测试编译器版本：

6.下载vscode，版本为：1.103.3

下载链接：

https://vscode.download.prss.microsoft.com/dbazure/download/stable/6f17636121051a53c88d3e605c491d22af2ba755/VSCodeUserSetup-x64-1.103.2.exe

添加插件：

Auto Close Tag，C/C++，Code Runner，ES7+ React/Redux/React-Native snippets，ESLint，Gradle for Java，Node.js Modules Intellisense，nodejs，Nodejs Snippets，Path Intellisense，Prettier - Code formatter，React Native Snippet，React Native Tools

7.下载node.js 我的版本为：v22.19.0

下载链接：

https://cdn.npmmirror.com/binaries/node/v22.19.0/node-v22.19.0-x64.msi

8.参考RN的开发指南搭建环境

搭建开发环境 · React Native 中文网

执行会检测是否安装了cli工具，会自动提示和协助安装，但要保障网速以及是否转换为了国内的淘宝镜像

npx @react-native-community/cli init AwesomeProject

创建项目的过程：

npx nrm use taobao
npm install -g yarn
npm uninstall -g react-native-cli @react-native-community/cli
npx @react-native-community/cli init AP

创建的目录如下：

9.尝试启动安卓

将AP项目写入vscode

修改ndk版本号与安卓studio的一致

增加maven的国内镜像源

需要注意

google()
mavenCentral()

这两个要放在前面，这样会优先下载特殊的依赖以及补充镜像源无法提供的依赖

如：

buildscript {
    ext {
        buildToolsVersion = "36.0.0"
        minSdkVersion = 24
        compileSdkVersion = 36
        targetSdkVersion = 36
        // ndkVersion = "27.1.12297006"
        ndkVersion = "28.2.13676358"
        kotlinVersion = "2.1.20"
    }
    repositories {
        google()
        mavenCentral()
        // maven { url 'https://maven.aliyun.com/repository/google' }
        // maven { url 'https://maven.aliyun.com/repository/jcenter' }
        // maven { url 'https://maven.aliyun.com/nexus/content/groups/public' }
        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' }
    }
    dependencies {
        classpath("com.android.tools.build:gradle")
        classpath("com.facebook.react:react-native-gradle-plugin")
        classpath("org.jetbrains.kotlin:kotlin-gradle-plugin")
    }
}

apply plugin: "com.facebook.react.rootproject"

提前下载好gradle的可执行程序文件，然后将其放置在指定本地目录，并设定绝对路径指向该文件

下载地址：建议迅雷下载会比较快

https://services.gradle.org/distributions/gradle-8.14.3-bin.zip

注意：本地目录一定要是///:D:/ 斜杠形式，否则执行安卓编译会报错哦

执行安卓编译程序

yarn andriod

尝试使用以下链接解决；

react-native 首次运行慢_启动react-native项目很慢-CSDN博客

直接引用原文：

“我们在要找个东西位置

注意: 如果不配置该属性,则默认的目录为 C:\Users\你自己电脑用户名/.gradle

C:\Users\EDZ\.gradle

在该目录中建立 init.gradle

内容为”

init.gradle

allprojects{
    repositories {
        def ALIYUN_REPOSITORY_URL = 'https://maven.aliyun.com/repository/central/'
        def ALIYUN_JCENTER_URL = 'https://maven.aliyun.com/repository/public/'
        all { ArtifactRepository repo ->
            if(repo instanceof MavenArtifactRepository){
                def url = repo.url.toString()
                if (url.startsWith('https://repo1.maven.org/maven2') || url.startsWith('http://repo1.maven.org/maven2')) {
                    project.logger.lifecycle "Repository ${repo.url} replaced by $ALIYUN_REPOSITORY_URL."
                    remove repo
                }
                if (url.startsWith('https://jcenter.bintray.com/') || url.startsWith('http://jcenter.bintray.com/')) {
                    project.logger.lifecycle "Repository ${repo.url} replaced by $ALIYUN_JCENTER_URL."
                    remove repo
                }
            }
        }
        maven {
            url ALIYUN_REPOSITORY_URL
            url ALIYUN_JCENTER_URL
            url 'https://maven.aliyun.com/repository/google/'
            url 'https://maven.aliyun.com/repository/gradle-plugin/'
        }
    }
 
 
    buildscript{
        repositories {
            def ALIYUN_REPOSITORY_URL = 'https://maven.aliyun.com/repository/central/'
            def ALIYUN_JCENTER_URL = 'https://maven.aliyun.com/repository/public/'
            all { ArtifactRepository repo ->
                if(repo instanceof MavenArtifactRepository){
                    def url = repo.url.toString()
                    if (url.startsWith('https://repo1.maven.org/maven2') || url.startsWith('http://repo1.maven.org/maven2')) {
                        project.logger.lifecycle "Repository ${repo.url} replaced by $ALIYUN_REPOSITORY_URL."
                        remove repo
                    }
                    if (url.startsWith('https://jcenter.bintray.com/') || url.startsWith('http://jcenter.bintray.com/')) {
                        project.logger.lifecycle "Repository ${repo.url} replaced by $ALIYUN_JCENTER_URL."
                        remove repo
                    }
                }
            }
            maven {
                url ALIYUN_REPOSITORY_URL
                url ALIYUN_JCENTER_URL
	url 'https://maven.aliyun.com/repository/google/'
	url 'https://maven.aliyun.com/repository/gradle-plugin/'
            }
        }
    }
}

这样速度果然看了很多

因为我开着雷电模拟器所以它默认启用了第三方模拟器，所以我退掉了模拟器，然后重新执行

yarn android

命令

效果如下：

我们创建的安卓studio虚拟安卓设备成功调出。

10.因为晚上网络不好，我关闭了所有应用，白天重新编译启动安卓设备

11.点击pixel 9手机上的我的应用，能看到应用画面和控制台的信息输出

点击一个标签，自动跳转到一个网页应用

11.关闭vscode终端 RN的进程不会影响pixel 虚拟机终端的使用。我们需要手动关闭终端控制台，关闭安卓SDKcrash 终端信息捕获终端

12.打包安卓apk

在项目目录下生成密钥（公钥和私钥）

keytool -genkeypair -v -storetype PKCS12 -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

将生成的 .keystore 文件放入 android/app 文件夹。

配置 Gradle 签名
编辑 android/gradle.properties，添加以下内容：

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
MYAPP_RELEASE_KEY_ALIAS=my-key-alias
MYAPP_RELEASE_STORE_PASSWORD=你的密码
MYAPP_RELEASE_KEY_PASSWORD=你的密码

在 android/app/build.gradle 中添加签名配置：

signingConfigs {
    release {
        storeFile file(MYAPP_RELEASE_STORE_FILE)
        storePassword MYAPP_RELEASE_STORE_PASSWORD
        keyAlias MYAPP_RELEASE_KEY_ALIAS
        keyPassword MYAPP_RELEASE_KEY_PASSWORD
    }
}
buildTypes {
    release {
        signingConfig signingConfigs.release
    }
}

成功生成了两个apk

13.在Windows上安装第三方安卓多开模拟器

我最近用的是雷电模拟器，将apk装在模拟器里面看效果

打开雷电模拟器平板电脑，选择apk安装安卓应用

找到项目中的apk文件进行安装

接下来就像在手机里面用鼠标模拟电机操作了，双击打开你的安卓应用，开启你终端世界的神奇大门。

腾讯云开发者社区

腾讯云面向开发者汇聚海量精品云计算使用和开发经验，营造开放的云计算技术生态圈。

更多推荐

Elasticsearch复杂数据类型终极指南：从入门到精通

Elasticsearch作为功能强大的搜索引擎，支持多种复杂数据类型，让开发者能够灵活处理各种结构化和非结构化数据。本文将带你全面了解Elasticsearch中的复杂数据类型，从基础概念到实际应用，助你轻松掌握数据建模的核心技巧。## 内部对象：构建层级化数据结构在Elasticsearch中，对象类型（Object）是最基础的复杂数据类型之一，用于表示具有嵌套关系的数据。例如，我们可

腾讯云开发者社区

终极指南：Flink SQL连接器版本管理从混乱到有序的升级之路

Apache Flink作为流处理领域的佼佼者，其SQL连接器的版本管理一直是开发者面临的核心挑战。本文将系统讲解Flink SQL连接器版本管理的最佳实践，帮助你轻松应对版本兼容性问题，实现从混乱到有序的升级之旅。## 连接器版本管理的常见痛点 😫在Flink应用开发中，连接器版本管理常常让开发者头疼不已。不同版本的连接器可能导致各种兼容性问题，例如API变更、功能差异甚至运行时错误。

腾讯云开发者社区

如何快速搭建Neon无服务器PostgreSQL：面向初学者的完整指南

Neon是一款革命性的无服务器PostgreSQL解决方案，它通过分离存储和计算层，实现了自动扩缩容、类代码式数据库分支以及零级扩展能力。本指南将帮助你从零开始搭建Neon开发环境，体验这款创新数据库的强大功能。## 准备工作：环境要求与依赖项在开始搭建Neon环境前，请确保你的系统满足以下要求：- Linux操作系统（推荐Ubuntu 20.04+或Debian 11+）- Git