
reactnative
文章平均质量分 65
陆康永
是时候开始明确自己写博客是为了什么,以前搞不懂,感觉挺浪费时间的,而且自己的水平写出了的博客可参考价值也不大,权当给以后的自己一个了解过去自己的机会,避免继续踩坑。
展开
-
useRef 无法挂载子组件信息,.curret为null
一言难尽,总结记录不能在函数式组件上使用ref属性,因为他们没有实例。使用hook得配合forwardRef使用实现子组件内部属性在父组件中调用。原创 2022-09-12 18:00:33 · 1270 阅读 · 0 评论 -
react实现keepAlive 可手动清除缓存的
vue自带keepAlive功能这个大家都知道,但是如果是react呢?react功能特别单一的,只维护视图和数据渲染部分,其余的依赖三方包。今天讲的内容与第三方包reat-activation有关。原创 2022-09-08 11:45:03 · 3415 阅读 · 1 评论 -
为什么 setState 是异步的
答案:减少dom更新 副作用函数认识的初级阶段要回答这个问题,我们可以先罗列几个现象。比方说,你有一个 button,你给这个 button 绑定了一个 onclick,在这个 onclick 里面你调用了一个 setState,在这个 onclick 没有执行完毕之前,你改的 state 是不会真的被更新的。同时,当 onclick 没有执行完毕,render 也不会被触发。再比方说,你的父组件传了一个 callback,目的是把父组件的 state 改变一下,callback转载 2022-03-19 10:47:36 · 1128 阅读 · 0 评论 -
react 状态管理工具mobx分享
react-mobx出现的原因:React React 专注解决视图层问题,UI = f(data)只提供简单的setState手动更新 数据来触发视图更新,对多组件通讯或需要全局状态管理的支持不够健全,也缺乏computed这种生成组合变量的功能以及对某个组件变量的watchreact-mobx就是对react状态管理方面进行拓展依赖:无提供功能:1.状态管理应用层面的语法:es6 Decorator是否支持在视图文件里面定义mobx的state:可以,支持视图.原创 2021-11-14 09:28:31 · 1570 阅读 · 0 评论 -
react Dva.js框架分享
Dva.js出现的原因:React React 专注解决视图层问题,UI = f(data)只提供简单的setState手动更新 数据来触发视图更新,对多组件通讯或需要全局状态管理的支持不够健全,也缺乏computed这种生成组合变量的功能以及对某个组件变量的watchDva就是对react状态管理方面进行拓展依赖:redux提供功能:1.状态管理2.异步加载3.提供集成环境应用层面的语法:es6 Generator它简化了 redux 的使用,并且.原创 2021-11-14 06:34:50 · 1977 阅读 · 0 评论 -
react-native 表单校验库 react-native-validator
npm i react-native-validator说明这是一个类似jQuery.validator的表单校验工具点击查看demo提供两种常用的校验方式(1.点击校验所有表单元素通过就提交,2.在输入表单过程中自动验证,如果所有表单验证通过按钮高亮可点击提交)你可以覆盖所有样式支持动态表单校验(包括数组和对象)目前校验规则是写在elFormItem里面的,暂时不考虑在elForm上加MP4演示需要科学上网,你也可以下载仓库里面的video.mp4如果你npm下载后使用报错,建议拷贝包原创 2020-06-18 00:58:25 · 2441 阅读 · 0 评论 -
mac解压apk
本笔记是在参考别人文章后做的记录,详情点击使用工具:TheUnarchiver(把apk改成zip后解压):https://www.theunarchiver.com/ dex2jar(把dex文件转换成jar文件):https://github.com/pxb1988/dex2jar jd-gui(把jar文件转换成java文件):https://github.com/java-de...原创 2020-05-05 19:53:02 · 3816 阅读 · 0 评论 -
mac解压ipa包
1.选中ipa包,右键选中归档使用工具app,解压出来的是xx.app文件2.选中xx.app,右键显示包内容3.可以看到所有ipa里面的文件,reactnative的图片资源在assets里面...原创 2020-05-05 19:29:56 · 6863 阅读 · 0 评论 -
RN痛点-react-native-sound某天不能播放了
用了RN半年了,项目磕磕绊绊的一路走过来。虽然依旧对目前的代码不满意,毕竟它跑起来了,并且商用4到5个月了,还行,毕竟从纯web走到移动端也是很大进步。今天写这个博客呢,主要记录下一个很重要的问题,RN第三方库互相影响。按理来说不应该出现这个问题,或者说不常见。因为rn第三方库都是npm包,都是使用ES6 import的方式引入的所有变量啥的都是局部变量。目前,我在这个项目遇到了2...原创 2020-02-12 13:51:19 · 1437 阅读 · 0 评论 -
react-native-scrollable-tab-view tab对应content页面的数据请求的说明
react-native-scrollable-tab-view是一个用了做顶部tab切换的一个组件它自带一个onChangeTab事件在切换tab的时候触发回调在回调里面我们可以调用当前高亮tab对应content组件的发起数据请求的函数现在遇到一个需求,页面切换的时候(从其他页面进入当前包含react-native-scrollable-tab-view组件的页面和回退进入react-n...原创 2019-11-15 11:37:19 · 1047 阅读 · 0 评论 -
ReactNative 物理返回键失效的问题
最近遇到个需求,在Modal里面,点击游戏列表,用户马上点击android回退键取消进入游戏。这个并不是很难实现,添加个监听事件就好了了百度一下就可以得到这样的结论:import { BackHandler } from 'react-native'; //页面获取焦点的时候,监听回退键 BackHandler.addEventListener('hardwareBackPres...原创 2019-09-23 10:52:28 · 1195 阅读 · 5 评论 -
reactNative ios真机测试的时候,死活都不行 Signing for "XXXXXX" requires a development team. Select a development
打开之前的程序,如果没有证书是这样的:运行报错:Signing for "XXXXXX" requires a development team. Select a development team in the project editor.Code signing is required for product type 'Application' in SDK 'iOS 10.0'转载 2017-11-26 00:10:38 · 14498 阅读 · 0 评论