2017年11月_dakaniu

原创自定义控件的演示

通常情况下,有三种情况实现自定义控件:对现有控件进行拓展该方法主要是在原生控件的基础上进行拓展,增加新的功能,修改显示UI等,一般是通过onDraw方法进行拓展.通过组合来实现新的控件该方法主要是通过继承合适的ViewGroup,比如,LinearLayout,RelativeLayout等等,再添加一些点击事件,监听事件等指定功能,从而合成复合控件,另外还可以指定一些它自己的属性,让其

2017-11-27 18:25:26 244

原创 React Native按钮的实现

在React Native中没有专门的按钮组件,所以在React Native中是借助Touchablexxx组件包裹我们的视图来响应用户的点击事件,另外Touchable组件，都是在根节点只支持一个组件，如果你需要多个组件同时相应单击事件，可以用一个View将它们包裹着. #.TouchableWithoutFeedback：该组件响应点击事件，不显示任何视觉反馈。常用的属性有:

2017-11-22 15:38:06 896

原创 React Native的按钮详解

在React Native中没有专门的按钮组件,所以在React Native中是借助Touchablexxx组件包裹我们的视图来响应用户的点击事件,另外Touchable组件，都是在根节点只支持一个组件，如果你需要多个组件同时相应单击事件，可以用一个View将它们包裹着. #.TouchableWithoutFeedback：该组件响应点击事件，不显示任何视觉反馈。常用的属性有:

2017-11-16 19:10:05 1205

原创 React Native 布局详解

主轴和侧轴(横轴和竖轴)首先来认识一下基本概念,主轴与侧轴主轴指的是:水平方向的轴线，可以理解成横轴;侧轴垂直于主轴，可以理解为竖轴另外:在React Native中尺寸是没有单位的，它代表了设备独立像素。<View style={ {width:100,height:100,margin:40,backgroundColor:'gray'}}> <Text style={ {f

2017-11-15 16:05:42 411

原创 React Native关键字详解

state通过getInitialState() 方法初始化state，在组件的生命周期中仅执行一次，用于设置组件的初始化 state 。更新 state 通过this.setState()方法来更新state，调用该方法后，React会重新渲染相关的UI。上面代码是一个 FavoriteButton 组件，它的 getInitialState 方法用于定义初始状态，也就是一个对象，这个对

2017-11-14 18:16:31 415

原创 React Native组件的生命周期及属性props

创建组件的三种方式第一种:通过ES6的方式创建/** * 方式一 :ES6 */export default class HelloComponent extends Component { render (){ return <Text style={{fontSize:20,backgroundColor:'red'}}>Hello</Text> }}第二种:通过ES5

2017-11-10 17:05:16 947

原创 React Native的环境搭配

前提系统：Ubuntu14.04LTS 1 Java：JDK8 Android Studio requires the Java Development Kit [JDK] 1.8 or higher. 需要1.8以上的jdk 2 Android Studio：2.0+ 需要2.0以上的AS Android Studio will provide you the Android SDK a

2017-11-08 17:20:42 704

dakaniu的博客