笔记
林宇风
爱代码,爱生活!
展开
-
海马玩模拟器——搭建React Native环境
Visual Studio Emulator for Android 模拟器国内这网络环境不太好用,所以使用海马玩模拟器,给大家推荐一下!下面开始配置环境:1)下载JDK,配置JDK环境1.8以上http://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html2)下载Android Studio配置Android SDK环原创 2016-08-23 10:27:45 · 5459 阅读 · 1 评论 -
React Native模拟APP启动介绍页
学了一段RN了,想自己做个东西练练手。于是准备做一个App启动的展示页,可以左右滑动切换,并且底部有当前页提示,效果图如下:1)组件层级关系总体来说就是分三块:一个View组件作为父容器,包裹一ViewPagerAndroid 组件和用View模拟的一个页面切换展示组件。1)首先是头部引用ViewPagerAndroid组件,代码为:/*左右翻页组件*/ <Vie原创 2016-08-27 23:01:58 · 5168 阅读 · 1 评论 -
React Native 采用Fetch方式发送跨域POST请求
Fetch以后是趋势,势必要取代传统的Ajax,而且RN框架支持Fetch。下面仅做了一个跨域请求的例子,在本域请求是一样的,而且更简单一些。客户端环境用的是RN写的一个页面,也可以用浏览器的console控制台模拟。后端服务用的是NodeJs express框架。 1)Fetch请求//发送Ajax请求 sendAjax(){ //POST方式,IP为本原创 2016-08-28 16:05:07 · 32711 阅读 · 3 评论 -
React Native 导航(Navigator)详解——属性篇
导航组件就是控制页面的切换、跳转功能,通过操作内存的路由栈,显示不同的页面。也可以给页面加上切换效果,运用到不同的场景。1》configureScene设置切换动画,可取值:Navigator.SceneConfigs.PushFromRight (default)Navigator.SceneConfigs.FloatFromRightNavigator.SceneConfigs原创 2016-09-04 01:27:36 · 2357 阅读 · 0 评论 -
React Native 导航(Navigator)详解——实例一
导航综合实例1,主要测试所有属性的设置和方法的调用,效果图如下:代码中设置两个路由数组,来对比切换路由效果和重置路由const routes = [ {title: 'Nav0', index: 0}, {title: 'Nav1', index: 1}, {title: 'Nav2', index: 2}, {title: 'Nav3', inde原创 2016-09-04 02:07:38 · 1490 阅读 · 2 评论 -
React Native 导航(Navigator)详解——方法篇
注:为方便理解以下用 页面代替“ 路由”,删除代替 “卸载”getCurrentRoutes() 获取内存路由栈 immediatelyResetRouteStack(nextRoutes) 用新的路由数组来重置路由栈jumpBack() 跳回之前的页面【坑】第一个页面调用报错jumpForward() 跳到下一个页面(【坑】最后一个页面调用报错) jump原创 2016-09-04 01:39:55 · 3755 阅读 · 0 评论 -
React Native 导航(Navigator)详解——实例二
这个例子主要是展示页面间的参数传递,以及简要说明ES6的新语法的使用。分为两个页面:注册页、设置初始密码页。操作流程是:在注册页输入名字 》点击提交,把输入的名字传到第二页设置初始密码页 》在初始密码页显示姓名,并点击初始化密码按钮设置初始密码 》把初始化密码传入到第一页注册页 》隐藏注册框和按钮,显示名字和密码,并修改页面标题。效果图如下:代码分为三部分,index.js、regis原创 2016-09-06 23:59:49 · 5043 阅读 · 1 评论