- 博客(27)
- 收藏
- 关注
原创 react性能优化——react-loadable按需加载,提高首屏页面加载效率
【代码】react性能优化——react-loadable按需加载,提高首屏页面加载效率。
2024-02-19 10:26:14
616
原创 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
266
原创 react-native的打包发布流程(android版本)
一、先打包成apk1、生成一个签名密钥你可以用keytool命令生成一个私有密钥。在 Windows 上keytool命令放在 JDK 的 bin 目录中(比如),你可能需要在命令行中先进入那个目录才能执行此命令。这条命令会要求你输入密钥库(keystore)和对应密钥的密码,然后设置一些发行相关的信息。最后它会生成一个叫做的密钥库文件。在运行上面这条语句之后,密钥库里应该已经生成了一个单独的密钥,有效期为 10000 天。
2023-09-12 10:07:29
1842
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
260
原创 记录用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
123
原创 7月13日凌晨,马斯克在Twitter上宣布:“xAI正式成立,去了解现实。”
北京时间7月13日凌晨,马斯克在Twitter上宣布:“xAI正式成立,去了解现实。”马斯克表示,推出xAI的原因是想要“了解宇宙的真实本质”。Ghat GPT横空出世已有半年,国内外“百模大战”愈演愈烈,AI大模型的现状与发展,你怎么看?
2023-07-14 10:06:45
89
原创 react-native中关于图标的使用
之前的时候,我在导航中直接用到图标,那个时候一直显示不出来正确的图标,后面看过其他的文章,找到了原因,由此,写下这篇文章。2、如果是安卓的,就文件android\app\build.gradle中添加如下代码。4、注意:如果没有效果,就重新启动项目即可。
2023-07-13 17:43:49
409
原创 React Native 环境中,使用 base-64 库来进行 Base64 编码
函数来对字符串进行 Base64 编码。上述示例中,我们使用了。
2023-07-13 10:18:03
908
1
原创 React Native提供的AsyncStorage来实现类似localStorage的功能
这里通过usecontext去实现存储全局的状态,在每个页面拿到这个状态去判断,如果登录了,就可以展示登录后的页面,否则显示登录前的页面。创建src 在下面放component文件夹,写LoginContext页面。以上是逻辑层的初步实现,下面写好了逻辑层后,加一点样式,就可以了。
2023-07-12 11:46:29
255
1
原创 react-native学习记录------第三方组件ui的使用
title:和button里面的title的意思差不多,就是头像上面的字。rounded可以让头像变成圆形的,(默认是正方形的)status:有四种状态,对应的效果图如上图所示。reviews表示的是从对应星星的上方文字描述。效果:实现点击按钮出现,点击取消消失的效果。loading:如果是true就是加载的状态。containerStyle:内容的样式。loadingProps:加载里面的样式。containerStyle:按钮的样式。selectedIndex:被选择的下标。
2023-07-07 12:08:30
663
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
504
1
原创 React-Native基础语法学习--------one
写在前面的话:本篇文章适用于正在学习react-native的小白,本篇文章是建立在react-native环境已经搭建好的情况下,在新建的项目中去写的。(如果环境还没有配好的,可以去上上一篇文章,然后再进一步学习语法)资料来源:b站react-native视频今日学习知识:react-native中样式的写法,rn内置组件。
2023-06-30 10:01:47
232
原创 React-Native踩坑笔记---“import type“ 声明只能在 TypeScript 文件中使用
解决方法:ctri+shift+p。输入:setting.json。
2023-06-29 09:34:53
596
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
3170
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
1569
原创 前端bug记录-----table表格某一列编辑功能
这里render有三个参数,分别是该行的 值,该行的数据,索引。record是当前行的数据,便利总数据,当第i个的id等于当前的id的时候,就去修改那一行的值。然后存起来,接着发送请求。5、定义一个flag,默认为true(发送请求),当聚焦的时候,setflag(false),当保存设置为false。(该页面存在隔一段时间自动更新,当聚焦到input里面的时候暂停自动更新,当点击保存后开始自动更新)(拿到值,深复制date,然后修改对应的deviceName,存起来)(里面一些字段是不必要的,可以忽略)
2023-06-15 16:05:55
298
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人