React-Native 使用Android Studio打包发布

最新推荐文章于 2024-01-30 18:19:32 发布
原创 最新推荐文章于 2024-01-30 18:19:32 发布 · 6.6k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #发布 #react #native

本文详细介绍了如何使用Android Studio为React-Native应用创建签名文件、生成Release APK，并将JS资源打包进APK，包括创建assets目录，生成index.android.bundle文件，确保离线环境下应用能正常运行。
第一步创建签名文件

这里写图片描述
Creat
这里写图片描述

第二部填写签名信息

这里写图片描述
点击OK进入下一步
这里写图片描述
生成Release APK包
这里写图片描述

OK，到此我们已经生成APK。 一安装APK运行发现APK直接BOOM。
为什么？？？？？
因为平时DEBUG模式下链接的是我们本地的服务器拉去的JS文件，此时的APK包并没有将JSBundle打入APK。

接下来，我们将JS资源等一起打入APK。

第一步：创建assets

进入项目主目录 执行命令
mkdir -p android/app/src/main/assets

这里写图片描述
此刻我们将在main目录下生成assets文件夹，用于存储index.android.bundle…

  • index.android.bu
最低0.47元/天 解锁文章
React Native打包
xiangzhihong8的专栏
02-27 3502
前面写了关于React的一系列入门章：http://lib.youkuaiyun.com/xiangzhihong8/5375/chart/React%20Native 欢迎大家吐槽，今天要说的是在Android和iOS两个平台如何打包的问题。Android平台打包Android平台有两种发布方式：一种是借助于命令行操作，另外一种是借助于Android Studio进行发布。Android Studio平
react-native搭建android studio环境注意的问题
最新发布
weixin_45315794的博客
04-08 2144
在打开下载的Android Studio后 ，找到更多设置（不同Android studio叫法不一样）中SDK Manager，其中有Android SDK，点击勾选右下方的Show Package detail，选择适配自己项目的SDK版本下载，在实际开发中，有些比较老的项目，对于node的依赖是比较老的，就会存在，不同的版本对node依赖不同，尽管新的nodejs版本会兼容老版本的nodejs，但仍然会存在一些不同问题，那么本地管理不同的node版本，是很有必要的，我用到的是nvm。
react native android 命令打包
06-19
主要讲述如何使用react native 命令行进行打包 发布生成apk
Android打包ReactNative项目作为SDK（将RN项目打包为aar包，调用方无需集成RN环境）
sinat_38115473的博客
10-24 3486
将android原生和react native混合开发的业务逻辑打包成SDK，提供给第三方APP使用（集成）
react-native android打包
01-26 202
步骤 1.生成密钥 2.修改android/app/build.gradle 文件 3.修改android/gradle.properties 4.cd android && ./gradlew assembleRelease 进入一个目录下,执行 $ keytool -genkey -v -keystore my-release-key.keys...
【React Native开发】React Native进行签名打包成Apk(5)
热门推荐
江清清的专栏
01-15 2万+
(一)前言                 前几节课程我们对于React Native的一些基础配置,开发工具以及调试，Android项目移植做了相关讲解，今天一起来学习一下另外一个比较重要的知识点，就是React Native项目签名打包。              刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博
React-Native Android 与 IOS App使用一份代码实现方法
09-01
React-Native 是Facebook推出的一款框架，它允许开发者使用JavaScript来编写原生的移动应用程序，同时支持iOS和Android两大平台。这个框架的核心理念是“Learn once, write anywhere”，即学习一次，到处编写。通过...
【笔记】React-Native跟Android交互--简单示例
JackyCheung
01-30 1151
1、使用Android studio 打开DemoRN项目的android项目创建文件（SendDataToAndroidModule.kt），JavaScript如果要调用原生方法需要用@ReactMethod注解。3、完成原生模块的注册后，就可以在RN的JS上验证，新建组件TestAndroidModuleButton.tsx。6、最后就是回到Android studio 选择Logcat面板，选择模拟器/真机，测试有没有调用原生方法。4、然后import组件。
React-Native工程项目打包编译发布过程详解
天外野草技术专栏
01-03 1万+
前言现在大红大紫的React-Native框架热度可谓与日俱增，React-Native的热更新操作，在开发过程中的确带来很多好处，但是对于发布来讲，不同平台却不尽相同， 下面来具体看一下Android和IOS两个平台是如何执行发布产品的。React-Native之Android平台发布Android平台有两种发布方式，一种是借助于命令行操作，另外一种是借助于Android Studio进行发布，具
用 Android studio 打包 React native
lionit的专栏
05-11 1275
首先创建keystore点击Create New创建完成点Next点 Finish 之前, 需要打包bundle, 在项目的目录下面, cmd 运行如下命令react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index...
react native android 打包问题
weixin_43925630的博客
08-15 302
Deprecated Gradle features were used in this uild,making it incompatible with Gradle 7.0 按照react native 打包顺序一步步往下走，会报这个错，找了好多网站看，最终找到原因。 错误如下图 我这边的原因是因为：Android Gradle 插件版本与Gradle 版本不匹配导致的；下面给出插件版本与Gradle 版本相匹配网站： https://developer.android.google.cn/studi
react-native 打包android之安装AndroidStudio 处理过程及参考记录
hzxOnlineOk的博客
03-15 578
Android Studio报错unable to access android sdk add-on list解决方案 https://blog.youkuaiyun.com/u010358168/article/details/81535307 adb: command not found https://blog.youkuaiyun.com/tymatlab/article/detai...
react native android 打包
qq_36355271的博客
04-09 236
https://www.jianshu.com/p/8d18404a42be
React Native Android打包
新世界后半段
09-29 941
请求bundle地址http://localhost:8081/index.android.bundle?platform=android生成一个签名密钥 生成密钥命令keytool -genkey -v -keystore key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000 最后生成一个key.key
Android Studio 编译打包react-native
weixin_30433075的博客
05-10 181
1.安装调试包到真机上，可以尝试先把react-native调试服务关闭，然后再安装debug包到真机上。 另外要想显示react-native调试窗口，就要到应用的应用信息中找到"权限管理->显示悬浮窗",并勾选。摇晃真机，就能出现调试窗口了。 2.要先将main.jsbundle和图片等资源打包好后，然后放到指定的文件夹中，这样才能release打包成功。 转载于:...
react-native打apk安卓包遇到的坑，官网推荐方法报错，使用Android studio打包
一生为追梦的博客
10-15 803
官网推荐的方法不可用，报错缺少各种依赖。 我使用androidstudio来打apk包，打出来的包也是可以正常使用没有问题的。 1、生成keystore签名文件： 在react-native项目中cd到项目根目录，然后执行以下命令： keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyal...
React Native apk打包下载（android）
mingxiangzhimin的博客
04-22 585
今天来说一下android端apk的下载安装遇到的问题; 先说一下，android如何下载安装的吧，附上我参考的链接， https://blog.youkuaiyun.com/weixin_42284466/article/details/84898859 https://www.jianshu.com/p/bd9495425d7f 通过以上两个链接即可完成下载安装 再说一个安装过程中我遇到的报错， 注意这个...
react native 安卓打包流程
boysky0015的博客
12-05 802
1.首先打开android studio 按照下图依次选择android/app/java/java/MainApplicaion 然后修改 MainApplication.java的 @Override public boolean getUseDeveloperSupport() { return ture;} 改为return false；//生产模式 return true; /...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值