react native简单组件初始化

简单总结组件页面js必备内容

//1、rcc可以在sublimeText中将加载框架加入
Improt React ,{ PropTypes} from ‘react’;
Import {
StyleSheet,
ListView,
RefreshControl,
ScrollvView,
Text,
TouchableOpacity,
InteractionManager,
Image,
View,
DeviceEventEmitter

}from ‘react-native’

//2、进行import文件

Import LoadingView from ‘../文件夹/文件名’;
Import store from ‘react-native-simple-store’;

//commonjs以及AMD引入文件的方式
require(‘路径/图片名’)

//3、全局使用变量对象等
  Const propTypes ={ 变量: 类型 ，变量 : 类型 };

Const pages =[];
Let loadMoreTime =0;


//4、组件类

class 类名 extends React.Component{

constructor(props)
{
Super(pops)
//动态改变的变量
This.state = {
   变量名  :  初始化值,
变量名: 初始化值，

}
//需要全局绑定一次的监听事件  这样会让方法名对应事件只有一个，适合全局//绑定注册的方法
This.方法名 =  this.方法名.bind(this);

}



//1render页面加载之前，用于状态初始化 
componentWillMount()
{

}
// render页面初始化之后，用于进行 dom，可以在此动态改变页面节点等
//或者动态替换DOM元素等
componentDidMount()
{

}
//页面销毁时候调用
componentWillUnmount()
{

}

//在this.props被修改或者父组件调用 setProps方法后被调用
componentWillReceiveProps()
{

}
//组件是否需要更新，，根据变量，决定返回true 或者false，，用户触发某些内容，如数//据变化等,,,类似页面刷新
shouldComponentUpdate()
{
return true;
}
//将要更新时候调用
componentWillUpdate()
{

}
//更新完毕时候调用
componentDidUpdate()
{

}

//父子 组件 通信  父组件中使用子组件，子组件通过 this.props.属性来获取父组件传    
//入参数
//如果子组件  设置了 ref属性，那么父组件就可以通过 this.ref.设置的属性名称  来获
//取子组件
render()
{
   //一些获取对象语句

return( 控件整体界面);



}





}
//5 、组件样式定义
const styles= StyleSheet.create({

样式名 :{样式},
样式名 :{样式}

});
//6、 让组件可以被外部通过 文件引入使用
Export default 组件名称;