react native
文章平均质量分 76
SE-Valkyrie
不积跬步无以至千里,不积小流无以成江海。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
RN使用ART库画扇形+动画
201808编辑:先上两个自己写的库:https://www.npmjs.com/package/react-native-animation-piecharthttps://github.com/zramals/react-native-animation-pieChart欢迎使用~ 接下来原文:一、ART库目前我使用的RN版本是0.42,安卓自己就集成了,不需要...原创 2017-04-19 18:13:15 · 3663 阅读 · 0 评论 -
Koa vs Express && Koa1 vs Koa2
Koa vs Express鉴于已选定 Koa 框架,故对 Express 未做深入学习,只是大致的了解了后作出的对比总结相同点本是同根生,相煎何太急构建 web 应用的 node 框架某些语法也无太大区别,如创建 http 服务 app.listen()不同点概述: Express: 框架内容更丰富,有更大的社区,历史更悠久,文档更丰富,用户群更大,支...转载 2018-06-11 16:07:49 · 3188 阅读 · 0 评论 -
react-native动画原生驱动
react-native动画原生驱动一、说明在RN中创建动画一般使用Animated组件,定义动画组件,定义动画属性,然后使用Animated提供的几种方法让动画生成。首先,使用Animated组件生成动画的流程图如下:JS端:动画驱动在每一帧上执行requestanimationframe方法,更新value,驱动不断的使用新的value计算动画视图。JS端:计算差值,并且传递给绑定的view原创 2017-12-01 15:58:02 · 4077 阅读 · 0 评论 -
react-native纯JS上下拉刷新组件
一、组件组成部分JBRefreshConfig (配置项)JBRefreshView (组件)ImageManager(内置的gif图图片管理器)二、使用方式引入import { JBRefreshView ,JBRefreshConfig} from 'component'JBRefreshConfig可选,用来配置一些属性,默认来说,上下拉刷新组件都是统一制定好的,所以一般不用再去原创 2017-10-25 15:40:19 · 2027 阅读 · 2 评论 -
react-native的PanResponder详解研究
react-native的PanResponder研究包含单个view的处理顺序,父子view的手势事件处理,scrollview的手势处理。原创 2017-10-31 18:15:48 · 5416 阅读 · 1 评论 -
RN小数转中文数字(0.001=>千分之一)
需求:将小数转成中文表示,例如后台返回0.0001,则显示为万分之一。不考虑超过100%的情况,并且位数不太长(如果小数位数过长,可以再加兼容代码去处理)。直接贴代码:" src="cid:09E77A11-D441-4489-A7BB-5871780D3DD3" alt="PastedGraphic-2.png" width="599">目前支持到"千万级"分之"万级"原创 2017-06-15 15:17:32 · 1080 阅读 · 0 评论 -
RN开发总结
RN开发总结RN方案的优势相对于纯原生开发,我们为什么要选择RN?项目价值提升产品迭代速度APP迭代周期变短需求/交互评审不再需要与多端开发同时沟通产品走查不再需要同时兼顾IOS和安卓端,避免多端开发理解不一致。提升开发测试效率同一功能由一人负责,避免多人负责因沟通不及时,需求理解不同导致平台实现差异。多端业务代码相同,测试同学不再需要多原创 2017-06-15 17:12:20 · 14783 阅读 · 0 评论 -
react-native使用PanResponder实现pinch手势
react-native使用PanResponder实现pinch手势一、RN中的高级手势功能PanResponderPanResponder类可以将多点触摸操作协调成一个手势。它使得一个单点触摸可以接受更多的触摸操作,也可以用于识别简单的多点触摸手势。它提供了一个对触摸响应系统响应器的可预测的包装。对于每一个处理函数,它在原生事件之外提供了一个新的gestureState对象。onPanRespo原创 2017-06-15 17:07:35 · 3331 阅读 · 0 评论 -
react-navigation使用心得
react-navigation使用心得官网地址:https://reactnavigation.org一、主要构成:(1) StackNavigator: 类似于普通的Navigator,屏幕上方导航栏 (2) TabNavigator: 相当于iOS里面的TabBarController,屏幕下方的标签栏 (3) DrawerNavigator: 抽屉效果,侧边滑出三个种类的Navigato原创 2017-06-15 16:45:44 · 6851 阅读 · 0 评论 -
react-native-art path代码解析
React-native-ART代码解析一、探寻源码如何使用 安卓自己集成,不需要额外操作,iOS需要pod添加ART库,如下:pod 'React', :path => '../rn-source', :subspecs => [ 'Core', 'RCTActionSheet', 'RCTText', 'RCTImage', 'A原创 2017-07-03 17:51:40 · 1590 阅读 · 0 评论 -
使用pod引入ReactNative
首先,上自己创建的公有pod库: pod 'pod4ReactNative','~>0.55.4' 包的是RN 0.55.4版本的,iOS可以直接引用该pod库做开发,不再需要使用npm引入RN。git库:https://github.com/zramals/pod4ReactNative一、什么情况下使用pod库引入RN我们知道,官方的RN接入,虽然也是通过pod引入,但是...原创 2018-08-29 16:04:08 · 1472 阅读 · 0 评论
分享