ReactNative提供了RefreshControl下拉刷新组件,但是没有提供上拉刷新组件,上拉刷新在App中是很常用的。
今天我们来实现一个iOS和Android通用的上拉刷新功能。
下面简要介绍下我实现的思路。
如果你对ListView的基础知识不是很清楚,建议先移步:《React-Native系列》16、 RN组件之ListView
思路:
1、常量定义:
const...
分类:
移动开发 时间:
2016-08-17 23:12:07
阅读次数:
952
在web开发中,我们通常需要使用定时器功能,使用setTimeout和setInterval函数。
那么在ReactNative中,是否也提供了定时器的功能呢? 答案是肯定的。
我们还是先看看官网怎么说的。
定时器是一个应用中非常重要的部分。React Native实现了和浏览器一致的定时器Timer。
提供的方法如下:
setTimeout, clearTimeout
s...
分类:
其他好文 时间:
2016-08-17 23:10:22
阅读次数:
571
哈哈的~~~今天介绍的是自定义组件 然后去使用这个组件,让这个组件传递这各种文件之间 哈哈 下面开始吧!!!! 我们所要创建的是一个自定义的Button,先创建一个js文件起名为MyButton, 且触摸后的底色、触发事件响应的函数、 图片资源、以及图片大小都是根据传过来的值确定的。(所传递进来的参 ...
分类:
其他好文 时间:
2016-08-17 19:41:51
阅读次数:
144
文章转自:阮一峰 现在最热门的前端框架,毫无疑问是 React 。 上周,基于 React 的 React Native 发布,结果一天之内,就获得了 5000 颗星,受瞩目程度可见一斑。 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架, ...
分类:
其他好文 时间:
2016-08-17 15:37:10
阅读次数:
398
手工集成React Native 手工集成React Native 第一步:初始化React Native环境 在我们要集成的项目中,进入到*.xcodeproj文件的上级目录,运行React Native初始化命令react-native init [Project Name]会出现prompt, ...
分类:
移动开发 时间:
2016-08-17 13:32:34
阅读次数:
269
props 大多数组件在创建时就可以使用各种参数来进行定制。用于定制的这些参数就称为props(属性)。 以常见的基础组件Image为例,在创建一个图片时,可以传入一个名为source的prop来指定要显示的图片的地址,以及使用名为style的prop来控制其尺寸。 e.g 自定义的组件也可以使用p ...
分类:
其他好文 时间:
2016-08-17 12:06:18
阅读次数:
118
注释:swiper组件是第三方组件 所以在使用之前应该先在命令行安装,然后将第三方的模块引入(第三方模块地址:https://github.com/leecade/react-native-swiper) ...
分类:
其他好文 时间:
2016-08-17 11:53:20
阅读次数:
246
之前我们学习了从零学React Native之08Image组件大家可以发现, 原生的Image控件无法实现等比放大后无丢失显示。
如: 有一张20x10的图片, 要放入一个40x30的显示区域内.
1. cover模式(默认),图片放大为60x30, 然后切成40x30, 会丢失部分显示的图片。
2. contain 模式, 图片分辨率为20x10, 四周都有空白。
3. stretch模...
分类:
其他好文 时间:
2016-08-17 10:38:38
阅读次数:
466
记录我的阅读经历。 未读书单 1. 《ES6 入门(第2版)》 2. 《JavaScript 编程全解》 3. 《CSS 揭秘》 4. 《精彩绝伦的 CSS 》 5. 《React引领未来的用户界面开发框架》 6. 《React Native 用 JavaScript 开发移动应用》 7. 《Rea ...
分类:
其他好文 时间:
2016-08-17 10:37:25
阅读次数:
207
设置.js文件默认以jsx的语法打开
在没有进行设置的情况下,每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示:
当然我们点击转换后就可以了,但是每次都会提示,所以还是来一个一劳永逸的方法把它给去掉吧:
然后Apply/OK即可。
设置.js文件中支持react-native语法高亮
首先会发现在js文件中有不少的警告...
分类:
编程语言 时间:
2016-08-16 20:20:58
阅读次数:
717