react
文章平均质量分 60
神奇的小猴子
回避问题等于逃避现实!
展开
-
React中键盘遮挡输入框
很多情况下,我们需要在界面中进行输入信息,免不了TextInput组件,但是问题来了,有时候键盘弹上来的位置正好遮住了输入框,用户根本看不到自己输入了什么。 这里面有一个非常简单的方法来实现: import { KeyboardAwareScrollView } from ‘react-native-keyboard-aware-scrollview’; 然后将整个页面用这个组件套起来,<Ke原创 2016-08-23 14:50:33 · 2416 阅读 · 0 评论 -
将第三方组件react-native-swiper应用在欢迎界面中
在源码318行后面添加: if(index === children.length - 1 && this.props.scrollEnd){ this.props.scrollEnd(); }使用的时候,传进来一个回调函数,在滑动到页面的最后一页的时候,在继续滑动便会回调这个函数。原创 2017-03-03 17:30:35 · 878 阅读 · 0 评论 -
ListView横向
class TopicNewScreen extends Component { static navigatorStyle = { drawUnderNavBar: false, tabBarHidden: true }; constructor(props) { super(props); let ds = new ListView.DataSource原创 2017-03-10 15:13:38 · 368 阅读 · 0 评论 -
react-native中TouchableXXX事件的分发
RN 基本触摸组件 RN 的组件除了 Text,其他组件默认是不支持点击事件,也不能响应基本触摸事件,所以 RN 中提供了几个直接处理响应事件的组件,基本上能够满大部分的点击处理需求TouchableHighlight, TouchableNativeFeedback, TouchableOpacity 和 TouchableWithoutFeedback。因为这几个组件的功能和使用方法基本类似,原创 2017-08-28 22:09:35 · 1047 阅读 · 0 评论 -
react-native网络请求Fetch中遇到的坑
1.没有网络超时时间字段 身为一个官方的网络请求工具居然没有网络请求超时的字段,这样是实在说不过去的。这给我们开发过程中带来了很多不必要的麻烦。比如,想做一个loading工具,可是不知道不知道什么时候是网络超时,什么时候网络异常,这个就尴尬了!解决方案: 1.js端来解决 使用fetch请求的时候通常返回的是一个promise对象,然后再去解析这个promise对象,才能得到的我们需要的原创 2017-08-28 22:12:12 · 3397 阅读 · 0 评论 -
使用React-Redux感悟
说来也惭愧,接触Redux一年多了,却没有深入的去研究过,平时只注重使用层面的东西,认为够用即可。计算机行业里面流行这样一句话“欠的总是要还的”,所以之前欠下的账现在就得来还。开始之前的必须要说明一下,Redux本身和React之间并没有什么关联,它是一个通用Javscript App模块,用做App State的管理。要在React的项目中使用Redux,比较好的方式是借助react-redux这原创 2017-08-28 22:15:24 · 1658 阅读 · 0 评论 -
react-native ScrollView触摸与滚动事件
ScrollView是我们常用的组件之一,因此搞清楚它的触摸与滚动事件十分重要!1.在ScrollView里面轻触一下(1)onStartShouldSetResponderCapture 这个属性接收一个回调函数,函数原型是 function(evt): bool,在触摸事件开始(touchDown)的时候,RN 容器组件会回调此函数,询问组件是否要劫持事件响应者设置,自己接收事件处理,原创 2017-08-29 16:51:17 · 7840 阅读 · 0 评论 -
react-native Touch事件的拦截与分发
单组件触摸事件处理在React Native中,响应手势的基本单位是responder,具体来说,就是最常见的View组件。任何的View组件,都是潜在的responder,如果某个View组件没有响应手势操作,那是因为它还没有被“开发”。将一个普通的View组件开发成为一个能响应手势操作的responder,非常简单,只需要按照React Native的gesture responder syst原创 2017-09-01 18:13:51 · 8831 阅读 · 0 评论 -
详细讲解Promise
2015年6月份, ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意呢?是一个类?对象?数原创 2017-11-01 14:18:57 · 533 阅读 · 0 评论 -
react-native中抽屉的使用(react-native-drawer)
前一阶段,在项目中用到了抽屉,以前在Android中自己喜欢写一点,实在不行可以查到第三方的库(Sliding如果没记错!)。现在,用react-native 来开发,当然,第一反应还是去github找第三方成熟的组件。奇怪,也找到了!这就是下面我要写的react-native-drawer的应用。既然是别人写的,我们只需要弄懂怎么用就可以了,下面就来讲一下怎么使用的。第一步:安装第三方的组件 n原创 2016-09-16 00:44:54 · 9717 阅读 · 1 评论 -
React中实现一个全局的参数
近期项目中用到了一个全局的参数,就是关闭音效和开启音效。后来研究了半天最终还是用Redux来时实现。 首先来介绍一下,redux的工作原理:这里我们先将其分成三层,components View层、actions层和reduce层。我们在组件中(也就是components View层)想要获取数据的时候,首先需要dispatch一个通知到actions中,将actions层中执行返回的结果(实际也原创 2016-08-14 17:51:55 · 13974 阅读 · 0 评论 -
react-native中图片轮播的使用
项目当中,图片轮播可以说是,家常便饭。所以,这个一定要会用。废话不多说了,直接进入主题。 我们用一下第三方组件(react-native-swiper),这个组件相对来讲,是比较成熟,稳定的。先看效果: 其实,这个效果也就几行代码的事情! <Swiper style={styles.wrapper} showsButtons={true} autoplay={true} autoplayTi原创 2016-09-19 00:35:02 · 2016 阅读 · 0 评论 -
react仿京东客户端首页导航条动画效果
之前使用好多客户端都做了这样的效果,就是可以随着滑动的距离调节导航条的透明度和颜色。所以说,这个效果学会之后,不管是京东还是qq的个人资料页,都不在话下。 实现原理:既然是随着滑动的距离来调节导航条的透明度和颜色,那么ScrollView就是少不了的了。然后,还需要的一个回调函数,用来监听它的滑动事件,这个时候我们就可以获得ScrollVie的坐标变化。最后,只需要将我们拿到的y轴的坐标变化值与导原创 2016-12-18 16:42:52 · 2273 阅读 · 0 评论 -
js中关于splice和concat的使用
splice涵盖了所有js中关于数组的操作。1.删除操作 let arr1 = arr.splice(index, num); 说明:对数组中index位置开始,删除num个元素,返回删除的元素数组,并且原始数组发生变化。 例: let arr = [1,2,3,4,5,6]; let arr1 = arr.splice(3,2); 此时,arr为[1,2,3,6]; arr1为[4,5原创 2017-02-04 14:48:43 · 1842 阅读 · 0 评论 -
JS中的Promise 使用
回调函数真正的问题在于他剥夺了我们使用 return 和 throw 这些关键字的能力。而 Promise 很好地解决了这一切。简介:ES6 原生提供了 Promise 对象。所谓 Promise,就是一个对象,用来传递异步操作的消息。它代表了某个未来才会知道结果的事件(通常是一个异步操作),并且这个事件提供统一的 API,可供进一步处理。Promise 对象有以下两个特点:(1)对象的状态不受外界原创 2017-01-20 16:51:56 · 563 阅读 · 0 评论 -
使用腾讯云OCR文字识别
就目前来讲,腾讯云的图片识别功能相对来讲还是比较稳定,识别率还算可以(本人尝试,并没有官方说的90%那么高,70~80%我觉的是比较真实)。之前,我们需要开发一个协助用户输入身份信息(驾驶证、行驶证等),所以只需要将行驶证驾驶上传进行识别,来减少用户的输入量。因为之前,没有用过腾讯云的识别功能,所以还是遇到了一些问题。下面我来详细的说一下,关键的几步问题。生成sign这一...原创 2018-04-17 10:36:51 · 11296 阅读 · 3 评论