关注
分享
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 · 361 阅读 · 0 评论 -
react-native--生命周期
一： 二：如图，可以把生命周期大致分为三个阶段 第一阶段：组件第一次绘制 第二阶段：组件运行和交互 第三阶段：组件卸载和消亡阶段三：生命周期回调函数详解 －1:getDefaultProps(): 在组件创建之前，会先调用一次本方法，全局调用一次。严格来说，这不是组件声明周期的一部分，在组件被创建并加载的时候，首先调用getInitialState()来初始化组件的状态；－2：comp原创 2016-07-18 15:20:25 · 446 阅读 · 0 评论 -
react-native-Button－TouchableOpacity
一：基本介绍： 组件用于封装视图，使其可以正确响应触摸操作。当按下的时候，透明度会改变，此过程中，并不会真正改变视图层级。<视图可以是其它组件，如:Text, Image>二：基本使用：<TouchableOpacity style={Styles.button}> <Text style={Styles.text}>确定</Text></TouchableOpacity>三：响原创 2016-10-28 10:41:59 · 6579 阅读 · 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 · 418 阅读 · 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 · 3384 阅读 · 0 评论 -
react-native--基础（方法调用）
导语：最近写代码，封装组件，手势动画时，经常遇到方法调用。特别是ES5，ES6混用的时候，脑子一直不清晰。发觉还是代码写的少了，缺乏总结。 方法调用的时候，经常会出现错误。然后在调试的时候，会改动一两次，不能一次性写正确。今天特总结如下：import React,{Component} from 'react'import { StyleSheet, View,} from '原创 2016-12-07 14:34:38 · 4555 阅读 · 0 评论 -
react-native-Art动画基础
一：基础： ART：暴露了七个组件： ● Surface - 一个矩形可渲染的区域，是其他元素的容器！ ● Group - 可容纳多个形状、文本和其他的分组 ● Shape - 形状定义，可填充 ● Text - 文本形状定义 props ● Surface ○ width : 渲染区域的宽 ○ height : 定义渲染区域的高原创 2016-11-25 14:08:26 · 5242 阅读 · 3 评论 -
react-native--万能Button封装
导语：在日常开发中，我们经常需要用过按钮，比如：提交，确认，登录。 其中，大部分的按钮都有如下需求： 1-：点击与不可点击时背景颜色 2-：文案大小，字体颜色 3-：圆角，边框颜色一：案例： -1:props传递文案 -2:props传递是否可点击 -3:默认提供样式，样式可修改import React, { Component} from 'react'import {原创 2016-12-07 21:31:19 · 2949 阅读 · 0 评论 -
react-native- 网络访问
一：步骤 －1: 定义请求数据接口，在componentDidMount() 中调用 －2:在constructor() 中定义listview的数据源以及改变策略 －3:在数据请求完成，改变数据源，使用this.setState() 来更新保存数据 －4:定义一个请求数据时的view －5:渲染数据，根据loaded来判断数据是否加载完成 －6:listview的renderRow()原创 2016-07-18 11:33:41 · 669 阅读 · 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 · 778 阅读 · 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 · 652 阅读 · 0 评论 -
react-native--手绘直线（手势）
SinglePointAnim是可根据手指点击或者移动的位置，绘制直线的终点，起始点为手机屏幕的正中心，结合手势的一个动画。import React,{Component} from 'react'import { View, ART, StyleSheet, Dimensions, Text, PanResponder, Animated原创 2016-12-08 14:49:57 · 2900 阅读 · 0 评论