为什么在React Native中创建的android应用程序无法打开？

Question

这个月我从Angular 7转到了React Native。我对这个迷人框架的主要吸引力是组件的快速交互(由babel for jsx提供支持)，而不像Angular 7中的.ts控制的HTML模板，它有时需要刷新以更新图形用户界面。HTML在js代码中的能力是这种框架过渡的高峰。

我希望在这里找到我需要的相关帮助。

然而，我正在与使用Android Studio从我的React Native项目创建apk文件的困难作斗争。我成功地创建了一个签名的apk，它安装在我的Techno W2设备上，没有任何错误；但应用程序无法打开，也看不到启动图标。尽管它列在已安装的应用程序的设置中。安装后，“打开”按钮处于非活动状态。

在这方面的任何帮助都将非常感谢，因为除非这个问题得到解决，否则我无法继续我的React Native开发。我想在本地创建我的apk文件，而不是使用产生巨大文件大小的Expo服务。注意:我的React Native Project是由'expo init project-name‘生成的，然后由'expo eject’弹出，以便重新生成android & iOS目录。

谢谢。

Answer 1

要使用react原生项目创建android apk，首先需要捆绑JS，然后进入apk捆绑过程。

要捆绑应用程序，首先在RN项目的根目录中使用以下命令：

react-native bundle --entry-file index.js --platform android --dev false --bundle-output ./android/app/src/main/assets/index.android.bundle --assets-dest ./android/app/src/main/res/

一旦这个过程完成，创建一个签名的apk，你应该能够成功地运行你的应用程序。

从学习的角度来看:我想说的是不要使用EXPO。因为那里的文档很差，而且它完全让事情看起来很简单，当你需要使用本机依赖项处理复杂的事情时，你会发现自己处于无人问津的境地。从官方文档中学习并尝试坚持使用react-native init。

Answer 2

首先，我不推荐使用EXPO。不是在世博会中创建项目，而是使用普通方法使用react原生初始化YouProject创建项目

• Instructions for create normal project

在运行项目之前，请确保所有节点模块都已正确设置。

要安装节点模块，请运行npm install --save

使用以下命令运行项目

适用于安卓的react-native run-android

用于iOS的react-native run-ios

通用无符号APK的说明

1. 确保您已经删除了以前的构建文件(如果有)。
2. 从终端中删除YourProject > android > app > build
3. Run this script命令上的构建文件夹，以便生成输出apk。

mkdir -p android/app/src/main/assets && rm -rf android/app/build && react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res && cd android && ./gradlew assembleDebug

1. 从YourProject > android > app > build > output > apk > debug

获取输出apk

要获得签名apk，请使用this instrctions