随笔分类 -  react native

react服务端渲染
摘要：一、服务端渲染的好处 1、SEO， 让搜索引擎更容易读取页面内容； 2、首屏渲染速度更快（重点），无需等待JS文件下载执行过程； 3、更易于维护，服务端和客户端可以共享某些代码； 二、实现原理 服务端渲染的前提：这里我们采用react 技术体系做同构，由于react本身的设计特点，它是以virtua 阅读全文
posted @ 2018-08-07 17:16 雪昀 阅读(154) 评论(0) 推荐(0)
react native 中的redux 理解
摘要：redux 中主要分为三大块，分别是Action Reducer 与Store。 1、Action是js的一个普通对象，是store数据的唯一来源。通过store.dispath()讲action传到store。action 内必须使用一个字符串类型的 type 字段来表示将要执行的动作。 2、St 阅读全文
posted @ 2017-06-16 16:03 雪昀 阅读(549) 评论(0) 推荐(0)
react native 知识点总结（一）
摘要：一、关于react native 版本的升级 参照文档：http://reactnative.cn/docs/0.45/upgrading.html react-native -v 查看当前版本 二、关于react native 的生命周期 http://www.jianshu.com/p/986b 阅读全文
posted @ 2017-06-12 16:22 雪昀 阅读(455) 评论(0) 推荐(0)
react native与原生的交互
摘要：一、交互依赖的重要组件 react native 中如果想要调用ios 中相关的方法，必须依赖一个重要的组件nativemodules 二、调用的方法 阅读全文
posted @ 2017-04-19 16:59 雪昀 阅读(397) 评论(0) 推荐(0)
react项目中的注意点
摘要：一、ES6 的编译方法 目前主流的浏览器还不支持ES6。 现在一般采用webpack 和 <script type="text/babel">对jsx 语法进行编译，编译成正常的js语言。type='text/babel' 这个是引用babel.js库。 二、react 中有个PropTypes 在 阅读全文
posted @ 2017-03-06 15:18 雪昀 阅读(232) 评论(0) 推荐(0)
react native 自定义的公用导航栏Navigator
该文被密码保护。
posted @ 2017-01-18 15:52 雪昀 阅读(1) 评论(0) 推荐(0)
react native 中的ListView
摘要：ListView 的运用： 1、首先在react native中引入这个组件； 2、初始化的ListView 的相关属性： 在这里 news 中的数据可以是定义的固定的数值，也可以是网络请求获取的数据 3、根据网路请求的成功与否，判断是转圈还是显示数据，return不同的view 4、ListVie 阅读全文
posted @ 2017-01-18 15:17 雪昀 阅读(208) 评论(0) 推荐(0)
refreshcontrol 实现下拉刷新的功能
摘要：该组件实现下拉刷新的功能。不过该组件是用在ScrollView的内部的，为ScrollView添加一个下拉刷新的功能。当ScrollView的垂直方向的偏移量scrollY:0的时候，手指往下拖拽ScrollView就会触发onRefresh事件方法。 相关的属性： 阅读全文
posted @ 2017-01-09 10:13 雪昀 阅读(244) 评论(0) 推荐(0)
react native中的欢迎页（解决首加载白屏）
摘要：参照网页： http://blog.csdn.net/fengyuzhengfan/article/details/52712829 首先是在原生中写一些方法，然后通过react native中js去引用 隐藏的方法： 阅读全文
posted @ 2017-01-06 10:41 雪昀 阅读(3573) 评论(0) 推荐(0)
react native 布局注意点
摘要：一、react native中很多是ES6语法。 1行。表示是js的严格模式。 'use strict’;严格模式中变量必须先声明，然后赋值、定义等；还有就是this的绑定。 2行到8行。导入依赖，可以理解为java中import XX.react-native.React;和import XX.r 阅读全文
posted @ 2016-12-05 16:13 雪昀 阅读(744) 评论(0) 推荐(0)
react native 底部按钮切换
摘要：在react native 中底部按钮的切换 主要的是运用的是 第一种方法：<TabBarNavigator/>这个组件,具体的代码实现如下: 需要注意的是:小编到现在还不知道底端按钮点击是变色是怎么设置的,还没有找到相应的代码,系统默认是变成蓝色 另一种实现方法, 参考 http://www.os 阅读全文
posted @ 2016-08-17 15:32 雪昀 阅读(980) 评论(0) 推荐(0)
react native 之动画
摘要：第一章 动画值Animate 阅读全文
posted @ 2016-08-12 17:53 雪昀 阅读(178) 评论(0) 推荐(0)
react native 之页面跳转
摘要：第一章 跳转的实现 1.component 中添加这行代码 onPress 主要运用于点击事件中 2.在运行的主页面中只能运行如下的component 需要注意的是:a. middleware 是中间件的设置,它有固定的格式. <view/> 不能包含<Navigator/>这个标签 但反过来可以 阅读全文
posted @ 2016-08-12 17:52 雪昀 阅读(21853) 评论(0) 推荐(0)
react native 之异步请求
摘要：第一章 异步请求 fetch的运用 在react native 中异步请求一般用fetch这个方法, fetch的格式如下: 注意参数的写法与回调函数的写法. 第二章 异步请求的优化 阅读全文
posted @ 2016-08-12 17:50 雪昀 阅读(3974) 评论(0) 推荐(0)
react native 之 redux
摘要：第一章 认识redux 说的通俗且直白一点呢，就是redux提供了一个store,独立的一个内存区，然后放了一些state，你可以在任何component中访问到state，这些state要更改怎么办呢，store提供了reducer，reducer就是一些函数(纯函数)，通过action来对sta 阅读全文
posted @ 2016-08-12 17:09 雪昀 阅读(282) 评论(0) 推荐(0)
react native 之页面布局
摘要：第一章 flexbox 布局 1.flexDirection:'row', 水平 flexDirection:'column',垂直 需要在父元素上设置这种属性才能实现flex. flex:1 会撑满整个屏幕. demo:如果一行有3格,则所有的flex:1 ,这样会平分width; 在flexbo 阅读全文
posted @ 2016-08-12 14:42 雪昀 阅读(759) 评论(0) 推荐(0)