Mr 布鲁斯 - 博客园

React Native填坑之旅--Navigation篇

摘要： React Native的导航有两种，一种是iOS和Android通用的叫做Navigator，一种是支持iOS的叫做NavigatorIOS。我们这里只讨论通用的Navigator。会了Navigator，NavigatorIOS也就不是什么难事了。本文所使用的是React Native 0.3 阅读全文

posted @ 2016-10-13 20:32 Mr 布鲁斯阅读(12998) 评论(3) 推荐(1) 编辑

React的Diff算法

摘要：使用React或者RN开发APP如果不知道Diff算法的话简直是说不过去啊。毕竟“知其然，知其所以然”这句老话从远古喊到现代了。以下内容基本是 "官网文章" 的一个总结、压缩。这次要谦虚一下，毕竟深入研究RN的时间不多，如果有什么理解的不对的地方还请各位读者指正。 React的组件在渲染之后组成了阅读全文

posted @ 2016-10-11 20:23 Mr 布鲁斯阅读(2971) 评论(0) 推荐(0) 编辑

React Native填坑之旅--LayoutAnimation篇

摘要：比较精细的动画可以用来控制。但是，在一些简单的界面切换、更新的时候所做的动画里再去计算开始值、结束值和插值器如何运作绝对是浪费时间。 RN正好给我们提供了来解决这个问题。按照官方的说法：就是用于在下一个绘制或者布局周期（render/layout cycle)里处理界面中全部视图的动画的。下阅读全文

posted @ 2016-10-07 20:29 Mr 布鲁斯阅读(645) 评论(0) 推荐(0) 编辑

React Native填坑之旅--HTTP请求篇

摘要：如果不能从头到尾的建立一个RN应用，那么RN将失色不少。本以为HTTP请求部分需要使用Native的实现，Android和iOS各回各家，各调各库了。Google了一下之后居然RN可以使用fetch库。这个库是用来代替流传已久的XHR的。下面看看如何使用fetch 请求Restful API的。A 阅读全文

posted @ 2016-10-06 11:17 Mr 布鲁斯阅读(1654) 评论(0) 推荐(0) 编辑

React Native填坑之旅--ListView篇

摘要：列表显示数据，基本什么应用都是必须。今天就来从浅到深的看看React Native的ListView怎么使用。笔者写作的时候RN版本是0.34。最简单的引入所需要的内置组件之类的就不多说了。第一步，在里设置数据源，并同时指定什么时候重新绘制一行，就是在这个时候重绘。之后，在state里面阅读全文

posted @ 2016-10-05 15:18 Mr 布鲁斯阅读(6342) 评论(0) 推荐(0) 编辑

React Native填坑之旅--动画

摘要：动画是提高用户体验不可缺少的一个元素。恰如其分的动画可以让用户更明确的感知当前的操作是什么。无疑在使用React Native开发应用的时候也需要动画。这就需要知道RN都给我们提供了那些动画，和每个动画可以处理的功能有哪些。填坑材料Animated 动画API提供了一些现成的组件：，`Anim 阅读全文

posted @ 2016-09-27 20:43 Mr 布鲁斯阅读(795) 评论(0) 推荐(0) 编辑

React Native填坑之旅--Button篇

摘要：从React过来，发现React Native（以下简称RN）居然没有Button。隔壁的iOS是有UIButton的，隔壁的隔壁的Android里也是有的。没有Button，就没有点击效果啊。这还真是让人郁闷了。坑什么叫Button。略去各种细节可以得出一个定义：可以处理用户点击，在用户按下的阅读全文

posted @ 2016-09-25 17:43 Mr 布鲁斯阅读(12464) 评论(0) 推荐(0) 编辑

React与ES6（四）ES6如何处理React mixins

摘要： React与ES6系列： 1. "React与ES6（一）开篇介绍" 2. "React和ES6（二）ES6的类和ES7的property initializer" 3. "React与ES6（三）ES6类和方法绑定" 4. "React与ES6（四）ES6如何处理React mixins" 在使用阅读全文

posted @ 2016-09-20 12:00 Mr 布鲁斯阅读(1642) 评论(2) 推荐(3) 编辑

React与ES6（三）ES6类和方法绑定

摘要： React与ES6系列： 1. "React与ES6（一）开篇介绍" 2. "React和ES6（二）ES6的类和ES7的property initializer" 3. "React与ES6（三）ES6类和方法绑定" 4. "React与ES6（四）ES6如何处理React mixins" 如果你阅读全文

posted @ 2016-09-20 11:50 Mr 布鲁斯阅读(1355) 评论(0) 推荐(0) 编辑

React和ES6（二）ES6的类和ES7的property initializer

摘要： React与ES6系列： 1. "React与ES6（一）开篇介绍" 2. "React和ES6（二）ES6的类和ES7的property initializer" 3. "React与ES6（三）ES6类和方法绑定" 4. "React与ES6（四）ES6如何处理React mixins" 前一篇阅读全文

posted @ 2016-09-20 11:41 Mr 布鲁斯阅读(2192) 评论(0) 推荐(0) 编辑

Magic Studio