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