喜欢你就像站在灿烂的晴空下,玻璃心碎一地,每片渣却都在发光。

长久地思考一些问题,感觉到僵滞或不可动,有时貌似没有途径。但事情显然并非如此。身心的变化在行进。痛苦不断地切割意识,同时也重新锤炼内心结构。所有的痛苦都是有价值的,它代表问题被有活力地推出。...

react-native--手绘直线(手势)

SinglePointAnim是可根据手指点击或者移动的位置,绘制直线的终点,起始点为手机屏幕的正中心,结合手势的一个动画。import React,{Component} from 'react' import { View, ART, StyleSheet, ...

2016-12-08 14:49:57

阅读数:1570

评论数:0

react-native--万能Button封装

导语:在日常开发中,我们经常需要用过按钮,比如:提交,确认,登录。 其中,大部分的按钮都有如下需求: 1-:点击与不可点击时背景颜色 2-:文案大小,字体颜色 3-:圆角,边框颜色一:案例: -1:props传递文案 -2:props传递是否可点击 -3:默认提供样式,样式可修改im...

2016-12-07 21:31:19

阅读数:2190

评论数:0

react-native--基础(方法调用)

导语:最近写代码,封装组件,手势动画时,经常遇到方法调用。特别是ES5,ES6混用的时候,脑子一直不清晰。发觉还是代码写的少了,缺乏总结。 方法调用的时候,经常会出现错误。然后在调试的时候,会改动一两次,不能一次性写正确。今天特总结如下:import React,{Component} from...

2016-12-07 14:34:38

阅读数:3739

评论数:0

react-native-Art动画基础

一:基础: ART:暴露了七个组件: ● Surface - 一个矩形可渲染的区域,是其他元素的容器! ● Group - 可容纳多个形状、文本和其他的分组 ● Shape - 形状定义,可填充 ● Text - 文本形状定义 props ● Surface ...

2016-11-25 14:08:26

阅读数:3466

评论数:2

react-native-Animated初探

一: Animated:仅关注动画的输入与输出声明,在其中建立一个可配置的变化函数,然后使用简单的start/stop方法来控制动画按顺序执行! 效果如下:export default class Anim extends Component{ constructor(props) { ...

2016-11-09 16:35:24

阅读数:2422

评论数:0

react-native-Fetch初体验

一:从网络上获取数据,支持POST,GET:二:发起请求:fetch('https://www.baidu.com');三:控制请求方式,headers,body:fetch('https://www.baidu.com', { method: 'POST', headers: { ...

2016-10-28 20:40:38

阅读数:297

评论数:0

react-native-Button-TouchableOpacity

一:基本介绍: 组件用于封装视图,使其可以正确响应触摸操作。当按下的时候,透明度会改变,此过程中,并不会真正改变视图层级。<视图可以是其它组件,如:Text, Image>二:基本使用:<TouchableOpacity style={Styles.button}> ...

2016-10-28 10:41:59

阅读数:4803

评论数:0

react-native--生命周期

一: 二:如图,可以把生命周期大致分为三个阶段 第一阶段:组件第一次绘制 第二阶段:组件运行和交互 第三阶段:组件卸载和消亡阶段三:生命周期回调函数详解 -1:getDefaultProps(): 在组件创建之前,会先调用一次本方法,全局调用一次。严格来说,这不是组件声明周期的一部分...

2016-07-18 15:20:25

阅读数:307

评论数:0

react-native- 网络访问

一:步骤 -1: 定义请求数据接口,在componentDidMount() 中调用 -2:在constructor() 中定义listview的数据源以及改变策略 -3:在数据请求完成,改变数据源,使用this.setState() 来更新保存数据 -4:定义一个请求数据时的view ...

2016-07-18 11:33:41

阅读数:497

评论数:0

react-native-Alert

Alert: 弹出框,安卓平台最多只能指定三个“button”,有三种状态:中间态,确定,取消一:import React, {Component} from 'react';import { AppRegistry, View, TouchableHighlight...

2016-07-15 08:15:36

阅读数:447

评论数:0

react-native-ViewPagerAndroid

ViewPagerAndroid: 允许子视图相互左右划动,每个ViewPager中的子视图都会当做一个单独的页面,并且会占用整个组件页面1-:import React, {Component} from 'react';import { AppRegistry, View, ...

2016-07-12 14:41:11

阅读数:463

评论数:0

react-native-DrawerLayoutAndroid

DrawerLayoutAndroid: 抽屉:通过renderNavigationView进行渲染的;通过drawerPostition指定位置把导航视图拖拽出来1-:import React, {Component} from 'react';import { AppRegistr...

2016-07-08 10:39:10

阅读数:193

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭