关于react native的快捷键和常用规范

一：快捷键

1.让其自更新----shift+cmd+z 选择热更新

2.cmd+r ---重新刷新

3

二：常用规范:

1.文件也是一种组件 所以应该命名规则和组件名的命名规则相同  -----使用首字母大写 驼峰样NextPage

三：技巧 ：

1.导致listview 出现滚动条解决办法 设置listview的
automaticallyAdjustContentInsets={false}

2.img使用技巧

1：网络资源

<Image source={{uri:'http://xxxxx/png'}}  />

2.本地资源

<Image source={require('image!lealogo')} />

3.背景图片backgroundImage（一定要设置后面的属性）

<Image source={require('image!lealogo')} style={{backgroundColor:'transparent'}}> 

4.整屏背景<full screen> （先设置包裹flex：1 ，然后图片也设置flex：1 全部伸缩）

var TestCmp = React.createClass({
  render: function() {
   return (
   <View style={styles.imageContainer}>
    <Image style={styles.image}
       source={{uri: 'http://lorempixel.com/200/400/sports/5/![enter image description here][2]'}} />
   </View>    );  }})

var styles = StyleSheet.create({
 imageContainer: {    flex: 1,    alignItems: 'stretch'  },
 image: {    flex: 1  }});

flex布局

1. view默认宽度为100%
2. flex模拟 column 水平居中用alignItems, 垂直居中用justifyContent 方向为row的相反
3. 基于flex能够实现现有的网格系统需求，且网格能够各种嵌套无bug

绝对定位和相对定位

和css的标准不同的是， 元素父容器不用设置position：'absolute|relative' . 默认相对于父容器进行位移.

http://www.jianshu.com/p/26dffb845046  自己看吧···