远方234-CSDN博客

原创 react性能优化——react-loadable按需加载，提高首屏页面加载效率

【代码】react性能优化——react-loadable按需加载，提高首屏页面加载效率。

2024-02-19 10:26:14 589

原创 react-native的打包发布中遇到的问题（二）

error com.ve8900.apk 無法上傳，請再試一次。您的 APK 或 Android App Bundle 的软件包名称必须为“com.ve8900”然后搜package，换成需要改版的那个package，（所有的package后面的东西都要改）就需要和它原本的code中的package后面的东西保持一致，已有版本使用了版本代码“1”。请尝试改用其他版本代码。接着按照官网流程进行打包即可。1、若是改版，需要和之前的apk保持一致。cd android目录下。

2023-09-13 09:37:08 253

原创 react-native的打包发布流程（android版本）

一、先打包成apk1、生成一个签名密钥你可以用keytool命令生成一个私有密钥。在 Windows 上keytool命令放在 JDK 的 bin 目录中（比如），你可能需要在命令行中先进入那个目录才能执行此命令。这条命令会要求你输入密钥库（keystore）和对应密钥的密码，然后设置一些发行相关的信息。最后它会生成一个叫做的密钥库文件。在运行上面这条语句之后，密钥库里应该已经生成了一个单独的密钥，有效期为 10000 天。

2023-09-12 10:07:29 1783 1

原创 react-native初始化项目遇到的bug

于是再次去chatgpt上搜索，才发现是node的版本太低了，我的node版本目前是16，上面说需要更新到18，于是我就去官网下载了nodejs18版本的，接着，就成功了。一开始，我去网上搜这种类型的bug的解决方法，都是说淘宝镜像没有切换，但是我按照网上说的去切换淘宝路径，结果切换了，再次init项目，还是这种结果。react-native init 项目名字 --version 0.7进行初始化项目。react-native init 项目名字 --version 0.68.2。

2023-09-11 16:42:23 248

原创记录用chatgpt解决react中的bug

现在有一个页面，有导航栏和内容，其中配置路由，分为a、b组件，点击可以实现类似于导航栏切换。现在，我想实现，在a页面下，0-992px，导航栏消失，其他尺寸出现。b页面导航栏一直在。这个在react当中怎么去实现？在a 中写0-992下，导航栏消失，在b下写，导航栏一直出现，这样就产生了冲突，你会发现，a导航栏消失了，但是切换到b页面下，导航栏也消失了。（其中：导航栏的类为.nav_header_1）

2023-08-11 17:04:08 118

原创 7月13日凌晨，马斯克在Twitter上宣布：“xAI正式成立，去了解现实。”

北京时间7月13日凌晨，马斯克在Twitter上宣布：“xAI正式成立，去了解现实。”马斯克表示，推出xAI的原因是想要“了解宇宙的真实本质”。Ghat GPT横空出世已有半年，国内外“百模大战”愈演愈烈，AI大模型的现状与发展，你怎么看？

2023-07-14 10:06:45 83

原创 react-native中关于图标的使用

之前的时候，我在导航中直接用到图标，那个时候一直显示不出来正确的图标，后面看过其他的文章，找到了原因，由此，写下这篇文章。2、如果是安卓的，就文件android\app\build.gradle中添加如下代码。4、注意：如果没有效果，就重新启动项目即可。

2023-07-13 17:43:49 398

原创 React Native 环境中，使用 base-64 库来进行 Base64 编码

函数来对字符串进行 Base64 编码。上述示例中，我们使用了。

2023-07-13 10:18:03 880 1

原创 React Native提供的AsyncStorage来实现类似localStorage的功能

这里通过usecontext去实现存储全局的状态，在每个页面拿到这个状态去判断，如果登录了，就可以展示登录后的页面，否则显示登录前的页面。创建src 在下面放component文件夹，写LoginContext页面。以上是逻辑层的初步实现，下面写好了逻辑层后，加一点样式，就可以了。

2023-07-12 11:46:29 247 1

原创 react-native学习记录------第三方组件ui的使用

title：和button里面的title的意思差不多，就是头像上面的字。rounded可以让头像变成圆形的，（默认是正方形的）status：有四种状态，对应的效果图如上图所示。reviews表示的是从对应星星的上方文字描述。效果：实现点击按钮出现，点击取消消失的效果。loading：如果是true就是加载的状态。containerStyle：内容的样式。loadingProps：加载里面的样式。containerStyle：按钮的样式。selectedIndex：被选择的下标。

2023-07-07 12:08:30 648 1

原创 react-native的路由导航相关配置

react-native init 项目名字 --version 0.68.2。页面跳转实现：在src/views/Home/index.js。输入指令（这里安装的是0.68版本的，相对稳定）1、初始化一个react-native的项目。2、根据官网给的文档对应的进行安装。步骤：（前提是配置好环境之后）创建文件目录如下：创建src。接着输入 cd 项目名字。在App.js里面写入。

2023-07-06 16:56:16 498 1

原创 React-Native基础语法学习--------one

写在前面的话：本篇文章适用于正在学习react-native的小白，本篇文章是建立在react-native环境已经搭建好的情况下，在新建的项目中去写的。（如果环境还没有配好的，可以去上上一篇文章，然后再进一步学习语法）资料来源：b站react-native视频今日学习知识：react-native中样式的写法，rn内置组件。

2023-06-30 10:01:47 216

原创 React-Native踩坑笔记---“import type“ 声明只能在 TypeScript 文件中使用

解决方法：ctri+shift+p。输入：setting.json。

2023-06-29 09:34:53 589 1

原创最新版react-native环境配置，详细版！

然后点击"SDK Tools"选项卡，同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项，确保选中了 React Native 所必须的。引言：写在前面的话：react-native的环境配置过程确实有点繁琐，我在配置的时候，就弄了很久，于是，写下了这篇，希望大家都能顺利配好环境，少踩坑。双击path，然后点编辑，分两次添加，第一次添加：%JAVA_HOME%\bin，第二次添加：%JAVA_HOME%\jre\bin。

2023-06-28 15:02:36 3143 4

原创一文了解Redux、React-Redux、Redux-saga是什么

首先明确一点，Redux 是一个有用的架构，但不是非用不可。事实上，大多数情况，你可以不用它，只用 React 就够了。如果你的UI层非常简单，没有很多互动，Redux 就是不必要的，用了反而增加复杂性。如果数据多且复杂，那么就需要用到redux。在react中，当组件少且数据没有多次公用的情况下，我们可以用到组件通信去解决传值的问题。但当组件的数据多个地方用到，就需要用到redux。1、中文文档：2、react-redux是什么？React-Redux是Redux的官方React绑定库。

2023-06-15 16:49:49 1440

原创前端bug记录-----table表格某一列编辑功能

这里render有三个参数，分别是该行的值，该行的数据，索引。record是当前行的数据，便利总数据，当第i个的id等于当前的id的时候，就去修改那一行的值。然后存起来，接着发送请求。5、定义一个flag，默认为true（发送请求），当聚焦的时候，setflag（false），当保存设置为false。（该页面存在隔一段时间自动更新，当聚焦到input里面的时候暂停自动更新，当点击保存后开始自动更新）（拿到值，深复制date，然后修改对应的deviceName，存起来）（里面一些字段是不必要的，可以忽略）

2023-06-15 16:05:55 282 2