ReactNative
杰克的瘦肉铺
前端开发的 喜欢开发的可以一起交流哦~~~
展开
-
react-native 节流和防抖函数
debounce去抖:使用场景例如:一个搜索框,输入1,请求数据得到包含1的数据;再输入2,得到包含12的数据…假如用户想得到1234的数据,就要调用4次接口得到,浪费请求资源,本地数据渲染也会走多次。 debounce可以解决此问题/*this.getData 请求方法500 延迟时间option 配置lodash在opitons参数中定义了一些选项,主要是以下三个: leading,函数在每个等待时延的开始被调用,默认值为false trailing,函数在每个等待时延的结束被调原创 2020-08-26 14:31:09 · 1599 阅读 · 0 评论 -
ReactNative 函数绑定区别
bind绑定将点击方法函数与onPress绑定在一起 onPress={this.show.bind(this.xx)} 或者在生命周期函数里绑定 constructor(props) { super(props); this.test = this.test.bind(this) }注意 如果在绑定时不执行bind方法 直接执行onPress={this.show} 则会在ReLoad时直接执行函数也就是说,没有bin原创 2020-08-26 14:27:01 · 131 阅读 · 0 评论 -
ReactNative显示优化
减少Bundle包的大小关于如何减少Bundle包的大小,目前主流的方法是拆分Bundle包,把框架代码和业务代码单独出来,框架代码非常大,因此要分离出来单独前置加载,而业务代码则变成很小的JS代码单独发布,下面提供一些前人的经验链接那么进入App后的性能点又在哪里呢?还是回到Bridge首先,在苹果和谷歌两位大佬的光环下,native代码在设备上的运行速度毋容置疑,而JS作为脚本语言,本来就是以快著称,也就是说两边的独立运行都很快,如此看来,性能瓶颈只会出现在两端的通信上,但两边其实不是直接通信..原创 2020-08-26 14:19:11 · 234 阅读 · 0 评论 -
ReactNative调用OC原生
这段时间研究了一下ReactNative调用原生OC的功能,在网上查了些资料,不过感觉还不是很完整,所以在这里把所有流程写下来,供大家参考 step1:要想RN调用原生,必须先从终端下载一个RN的简单模板,方法就不在这里说说,具体的看RN官网step2: 在进入下载完成的文件 里面iOS文件里就是可以用xcode打开,App.js文件就是RN里面的内容step3: 打...原创 2018-03-07 17:52:16 · 2814 阅读 · 0 评论 -
ReactNative 使用Rushy热更新走过的坑
这段时间研究了下Rushy热更新ReactNative应用,走了许多坑,这里就把流程写一下吧。我只使用了iOS的热更新,所以Android的坑就不知道,见谅。这里将所有的安装命令就在这汇总下,具体的可以看其他博主的文章常用命令汇总:// 第一步 安装模块npm install -g react-native-update-cli rnpm(一台机子执行一次)npm install --...原创 2018-05-08 18:28:24 · 1257 阅读 · 1 评论 -
ReactNative 移动与点击手势冲突解决办法与拖动view的及时更新
这段时间根据业务需求,需要在一个界面上code一个可以随意滑动和点击的按钮,类似于iPhone的小圆点,功能就是点击时跳转界面,滑动是可以在界面上拖动。功能设计还是比较简单的,但是在实际code的过程中就发现了许多RN的坑,所以记下来方便大家避坑。我的RN版本是0.43.4版本的如何使用手势在这个需求里,需要实现拖拽和点击两种手势,我之前是使用一个 TouchableOpacity 包裹...原创 2019-01-15 17:04:11 · 7412 阅读 · 4 评论 -
升级Xcode11后,运行ReactNative项目报错 (__attribute__((__unused__)) 以及编译报错
果然 Xcode每次更新都会出各种幺蛾子,昨天晚上更新到Xcode11后,就发现RN项目编译报错,和启动报错,可是勤劳的中国人民总会找到各种解决方法。编译报错出现 unexpected duplicate task: ********的问题,方法一:File -> workspace settings,选择Legacy Build System。旧的build方式即可方法二:需要...原创 2019-10-08 11:08:30 · 1115 阅读 · 0 评论