React-Native--ES6
time_iter
这个作者很懒,什么都没留下…
展开
-
react-native-DrawerLayoutAndroid
DrawerLayoutAndroid: 抽屉:通过renderNavigationView进行渲染的;通过drawerPostition指定位置把导航视图拖拽出来1-:import React, {Component} from 'react';import { AppRegistry, Text, View, StyleSheet, DrawerLay原创 2016-07-08 10:39:10 · 379 阅读 · 0 评论 -
react-native--生命周期
一: 二:如图,可以把生命周期大致分为三个阶段 第一阶段:组件第一次绘制 第二阶段:组件运行和交互 第三阶段:组件卸载和消亡阶段三:生命周期回调函数详解 -1:getDefaultProps(): 在组件创建之前,会先调用一次本方法,全局调用一次。严格来说,这不是组件声明周期的一部分,在组件被创建并加载的时候,首先调用getInitialState()来初始化组件的状态;-2:comp原创 2016-07-18 15:20:25 · 465 阅读 · 0 评论 -
react-native-Button-TouchableOpacity
一:基本介绍: 组件用于封装视图,使其可以正确响应触摸操作。当按下的时候,透明度会改变,此过程中,并不会真正改变视图层级。<视图可以是其它组件,如:Text, Image>二:基本使用:<TouchableOpacity style={Styles.button}> <Text style={Styles.text}>确定</Text></TouchableOpacity>三:响原创 2016-10-28 10:41:59 · 6606 阅读 · 0 评论 -
react-native-Fetch初体验
一:从网络上获取数据,支持POST,GET:二:发起请求:fetch('https://www.baidu.com');三:控制请求方式,headers,body:fetch('https://www.baidu.com', { method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': '原创 2016-10-28 20:40:38 · 430 阅读 · 0 评论 -
react-native-Animated初探
一: Animated:仅关注动画的输入与输出声明,在其中建立一个可配置的变化函数,然后使用简单的start/stop方法来控制动画按顺序执行! 效果如下:export default class Anim extends Component{ constructor(props) { super(props); this.state = { bounce原创 2016-11-09 16:35:24 · 3417 阅读 · 0 评论 -
react-native--基础(方法调用)
导语:最近写代码,封装组件,手势动画时,经常遇到方法调用。特别是ES5,ES6混用的时候,脑子一直不清晰。发觉还是代码写的少了,缺乏总结。 方法调用的时候,经常会出现错误。然后在调试的时候,会改动一两次,不能一次性写正确。今天特总结如下:import React,{Component} from 'react'import { StyleSheet, View,} from '原创 2016-12-07 14:34:38 · 4577 阅读 · 0 评论 -
react-native-Art动画基础
一:基础: ART:暴露了七个组件: ● Surface - 一个矩形可渲染的区域,是其他元素的容器! ● Group - 可容纳多个形状、文本和其他的分组 ● Shape - 形状定义,可填充 ● Text - 文本形状定义 props ● Surface ○ width : 渲染区域的宽 ○ height : 定义渲染区域的高原创 2016-11-25 14:08:26 · 5283 阅读 · 3 评论 -
react-native--万能Button封装
导语:在日常开发中,我们经常需要用过按钮,比如:提交,确认,登录。 其中,大部分的按钮都有如下需求: 1-:点击与不可点击时背景颜色 2-:文案大小,字体颜色 3-:圆角,边框颜色一:案例: -1:props传递文案 -2:props传递是否可点击 -3:默认提供样式,样式可修改import React, { Component} from 'react'import {原创 2016-12-07 21:31:19 · 2966 阅读 · 0 评论 -
react-native- 网络访问
一:步骤 -1: 定义请求数据接口,在componentDidMount() 中调用 -2:在constructor() 中定义listview的数据源以及改变策略 -3:在数据请求完成,改变数据源,使用this.setState() 来更新保存数据 -4:定义一个请求数据时的view -5:渲染数据,根据loaded来判断数据是否加载完成 -6:listview的renderRow()原创 2016-07-18 11:33:41 · 683 阅读 · 0 评论 -
react-native-ViewPagerAndroid
ViewPagerAndroid: 允许子视图相互左右划动,每个ViewPager中的子视图都会当做一个单独的页面,并且会占用整个组件页面1-:import React, {Component} from 'react';import { AppRegistry, View, Text,ViewPagerAndroid,} from 'react-native';c原创 2016-07-12 14:41:11 · 792 阅读 · 0 评论 -
react-native-Alert
Alert: 弹出框,安卓平台最多只能指定三个“button”,有三种状态:中间态,确定,取消一:import React, {Component} from 'react';import { AppRegistry, View, TouchableHighlight, Text, StyleSheet, ToastAndroid, Al原创 2016-07-15 08:15:36 · 671 阅读 · 0 评论 -
react-native--手绘直线(手势)
SinglePointAnim是可根据手指点击或者移动的位置,绘制直线的终点,起始点为手机屏幕的正中心,结合手势的一个动画。import React,{Component} from 'react'import { View, ART, StyleSheet, Dimensions, Text, PanResponder, Animated原创 2016-12-08 14:49:57 · 2920 阅读 · 0 评论