關於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  自己看吧···

關於react native的快速鍵和常用規範