react-native+pushy

最新推荐文章于 2024-10-11 08:05:16 发布

原创最新推荐文章于 2024-10-11 08:05:16 发布 · 353 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了React Native项目环境的搭建流程，包括必须的软件下载、命令使用、常见问题及其解决方案。涵盖版本冲突、命名问题、HTTPS请求配置等关键信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1：必须下载的软件

1：jdk、2：android-studro、3：pathon2详见react-native项目环境部署，按照部署流程走下去就行。
注意事项：版本高低、环境变量。

2：命令

1：创建项目：react-native in reactNativeApp（项目名） 2：运行：react-native run-android (安卓环境下) 3：刷新页面：在模拟器上双击 R键。

3：问题

在 iOS 上使用 http 链接的图片地址可能不会显示，参见这篇说明修改。从 Android9 开始，也会默认阻止 http 请求，请参考 Android9.0 http明文/图片网络问题
问题：原因
APP网络请求更改为HTTPS（推荐）
targetSdkVersion 降到27及以下
解决方案：
在 res 下新增一个 xml 目录，然后创建一个名为：network_security_config.xml 文件（名字自定），内容如下，大概意思就是允许开启http请求

<?xml version="1.0" encoding="utf-8"?>
 
<network-security-config>
 
 <base-config cleartextTrafficPermitted="true" />
 
</network-security-config>

在项目的AndroidManifest.xml文件下的application标签增加以下属性，应用以上配置。

<application
 ... 
    android:networkSecurityConfig="@xml/network_security_config"
 ... />

4：热部署、马甲包

https://blog.youkuaiyun.com/baidu_37218374/article/details/82052326
https://blog.youkuaiyun.com/u013718120/article/details/55096393/
https://update.reactnative.cn/login
https://github.com/reactnativecn/react-native-pushy/blob/master/docs/guide.md （重点）

5：结构

.gitignore文件末尾增加一行.update来忽略这个文件。
修改名称：https://blog.youkuaiyun.com/whuzjn/article/details/79697086

6：踩坑

1：版本问题：
在这里插入图片描述
https://blog.youkuaiyun.com/qq_39910762/article/details/85003006
1.1：安装卸载问题 adb：https://blog.youkuaiyun.com/u010242992/article/details/84755304
2：名称问题：

类似于这种：在这里插入图片描述找到build.gradle和MainActivity.java项目名称做一下对比，看是否一致，一致即可。

3：react-native版本过高导致
在这里插入图片描述
https://github.com/reactnativecn/react-native-pushy/issues/245
4：react-native项目中降级
https://www.jianshu.com/p/2a5e51a37e41
5：打离线包
https://blog.youkuaiyun.com/u011272795/article/details/77161942
6：手机加载完毕还闪退，可能要注意android/app/src/main/java/[…]/MainApplication.java文件中的指针位置
在这里插入图片描述
7：react-native环境搭建
https://blog.youkuaiyun.com/qq_30604453/article/details/83901393