博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react native 填坑之旅
阅读量:4084 次
发布时间:2019-05-25

本文共 914 字,大约阅读时间需要 3 分钟。

ES6
1、() => {} 箭头函数在RN里面尤为重要,扮演着bind(this)的作用,从此就可以告别闭包了。
2、promise在写法上没有async/await简洁好用,async/await直接把异步写出了同步的感觉。
3、… 这样语法糖也是简化了太多的代码。
4、util和api可以用static关键字

ScrollView
1、可以用onScroll来监听滑动的距离等参数。
2、可以用horizontal配合pagingEnabled来实现横屏轮播图。
3、有一个scrollTo方法可以控制滑动位置。
4、当我想做一个更复杂的跨平台组件的时候发现好像缺个东西,滑动结束,于是我在源码里发现了这两个onScrollEndDrag,onMomentumScrollEnd,于是就写出了日历,下拉刷新,选择器,侧滑按钮等跨平台组件。选择器组件地址
5、pagingEnabled只能实现一个ScrollView宽度的分页,所以我用两个ScrollView重叠结合动画实现了卡片样式的轮播图,轮播图组件地址

Navigator
1、用跳转时判断当前路由是否等于即将跳转路由可以解决重复跳转的问题。
2、使用popToRoute()而不是_popN()来实现返回N个路由,从而避免网络延迟点击多次造成闪退的问题。

Text
不同的字体大小对应Text的上下空白高度不同,而且安卓和iOS还不一样,对于像我这种强迫症患者,还是推荐使用flex来定义Text的布局。

WebView
安卓某些低版本不支持注入JS代码,所以在WebView高度自适应的问题上采用的是网站加载结束返回网站高度给URL(#height),WebView监听URL变化并得到height

动画与手势
1、结合动画与手势可以做到手势跟随到效果,抽屉组件地址
2、RN的手势好像并不支持多点触控,我测试的时候同时间只有一个点有效,所以没有用RN实现图片缩放的功能。

原生组件
1、接入了高德地图,QQ微博微信分享,还有支付宝支付这些需要分别写iOS和android的原生SDK。
2、相册这块使用的react-native-image-picker。

转载地址:http://qehni.baihongyu.com/

你可能感兴趣的文章
获得github工程中的一个文件夹的方法
查看>>
《PostgreSQL技术内幕:查询优化深度探索》养成记
查看>>
PostgreSQL查询优化器详解之逻辑优化篇
查看>>
STM32中assert_param的使用
查看>>
为什么button在设置标题时要用一个方法,而不像lable一样直接用一个属性
查看>>
字符串的截取
查看>>
Tensorflow入门资料
查看>>
剑指_复杂链表的复制
查看>>
CentOS操作系统下安装yum的方法
查看>>
FTP 常见问题
查看>>
zookeeper单机集群安装
查看>>
do_generic_file_read()函数
查看>>
Python学习笔记之数据类型
查看>>
Python学习笔记之特点
查看>>
shell 快捷键
查看>>
VIM滚屏操作
查看>>
将file文件内容转成字符串
查看>>
springcloud 的eureka服务注册demo
查看>>
eureka-client.properties文件配置
查看>>
MODULE_DEVICE_TABLE的理解
查看>>