react-native
kerrli
这个作者很懒,什么都没留下…
展开
-
react-native-cli
react-native-cli 和 react -native 啥关系?React Native is distributed as two npm packages, react-native-cli and react-native. The first one is a lightweight package that should be installed globall原创 2016-08-25 11:55:43 · 658 阅读 · 0 评论 -
React-native 实现表情商城 表情长按拖动预览(还原安卓微信效果)
表情商城做长按预览:1.要让预览状态与屏幕滑动状态的点击互相排斥 2.长按拖动的实现RN 简单的触摸监听已经无法满足这个需求,所以 引入 手势监听(handler)上代码:handler定义:let _this = this; let handlers = { onStartShouldSetResponder: () => true, onMoveShouldSe原创 2016-10-31 16:22:39 · 2657 阅读 · 0 评论 -
react native scrollview 滚动停止事件
1. 手指拖动之后,scrollview 滚动动画结束 回调 :onMomentumScrollEnd2.手指拖动之手指离开界面回调:onScrollEndDrag所以:onScrollEndDrag 一定会被调用,onMomentumScrollEnd 如果手指拖动很慢,没有动画滚动就不会调用原创 2016-12-13 10:01:59 · 6631 阅读 · 3 评论 -
react native 实现列表滑动 菜单栏悬停 (过程优化,体验更平滑)
菜单栏是个 Animated.View , 他的高度会随着列表的onScroll时间滑动重置 (这个很共识)但是 你要把 view 的高度 放到state中,跟着onScroll 改变,这样的滑动效果会有卡顿感。这里onScroll里的方法要这样写: Animated.event( [{ nativeEvent: { contentOffset: { y: this.st原创 2016-12-13 10:15:23 · 8008 阅读 · 2 评论 -
react native TextInput 对android 的适配
textInput 在iOS 显示正常,在android 会有一根线,以及字会被遮盖属性加入:style={{padding:0}}underlineColorAndroid={'transparent'}如果style里有其他padding的设置,把padding:0 放到其他padding的前面,这样不影响布局原创 2016-12-15 11:34:42 · 4535 阅读 · 0 评论 -
React-native 出bug 记录
1.这种3目,两种选择的组件是一个类型 ,记得加 key, 不然会混淆,切换的不对原创 2016-09-14 15:40:13 · 987 阅读 · 0 评论 -
React Native Realm安装 和 Realm入门理解
realm安装:1.全局安装 rnpm npm install -g rnpm2.cd 到工程目录 npm install --save realm3.将realm库依赖到RN项目中:rnpm link realm入门理解:(提取一些比较重要的概念,realm官方文档没有详细说明的点)1.创建目录:默认在缓存document目录下原创 2017-05-26 17:19:47 · 4686 阅读 · 0 评论 -
react-native can only update..
点击按钮触发刷新列表,需要设置刷新组件状态:第一种:componentDidMount() {...DeviceEventEmitter.addListener('TradeHold',));}第二种:componentDidMount() {...DeviceEventEmitter.addListener('TradeHold', this.onRefresh.bind(this));}onR...原创 2018-06-09 14:43:39 · 425 阅读 · 1 评论