u014732103的博客

React 组件就是一个状态机，它接受两个输入参数： this.props 和 this.state，返回一个虚拟DOM。React组件的生命周期分几个阶段，每个阶段会有若干个回调函数可以响应不同的时刻。1.创建阶段getDefaultProps：处理props的默认值 在React.createClass调用2.实例化阶段getInitialState: 获取 this.state 的默认值co

概述就像 Android 开发中的 View 一样，React Native（RN） 中的组件也有生命周期（Lifecycle）。所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解生命周期，是合理开发的关键。RN 组件的生命周期整理如下图：如图，可以把组件生命周期大致分为三个阶段：第一阶段：是组件第一次绘制阶段，如图中的上面虚线框内，在这里完成了组件的加载和初始化； 第二阶段：是组件

flexbox是Flexible Box的缩写，弹性盒子布局 主流的浏览器都支持flexbox布局是伸缩容器(container)和伸缩项目(item)组成Flexbox布局的主体思想是元素可以改变大小以适应可用空间，当可用空间变大，Flex元素将伸展大小以填充可用空间，当Flex元素超出可用空间时将自动缩小。总之，Flex元素是可以让你的布局根据浏览器的大小变化进行自动伸缩。按照伸缩流的方向布局

用HTML5和React Native分别实现盒子模型显示写法不一样：1.样式2.元素3.书写格式

React主要用于构建UI。你可以在React里传递多种类型的参数，如声明代码，帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。特点： 1.声明式设计：React采用声明范式，可以轻松描述应用。 2.高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。 3.灵活：React可以与已知的库或框架很好地配合。ReactJS核心思想：组

基本用法Text组件是React中的一个基本组件，这个和iOS上的UILabel与Android上的TextView组件相类似，就是用来显示文本的，这个空间除了基本的显示布局之外，可以嵌套使用，设置样式，添加事件处理功能。下面我们给出一个简答的例子：'use strict'import React, { Component } from 'react';import { AppRegis

1 View组件介绍 就像开发web应用程序中，需要使用很多的HTML标签。例如 div，form。但是在基于DIV+CSS布局的web开发中，最为重要的元素就是 。 DIV是页面布局的基础，是作为容器元素存在的。在React Native中，类似于HTML的DIV的组件就是 View组件。 作为创建UI时最基础的组件，View是一个支持Flexbox布局、样式、一些触摸处理、和一些无障碍功能的

导航组件Navigator可以让我们客户端在不同的页面见进行切换。为了达到这样的功能，Navigator提供了路由对象功能进行区分识别每一个页面。同时我们可以通过renderScene方法，Navaigator根据指定的路由进行渲染指定的界面。除了以上功能之外，为了改变页面切换的动画或者页面的手势，该组件还提供configureScene属性来进行获取指定路由页面的配置对象信息。对于页面切换动画或者