一:快捷键
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布局
- view默认宽度为100%
- flex模拟 column 水平居中用alignItems, 垂直居中用justifyContent 方向为row的相反
- 基于flex能够实现现有的网格系统需求,且网格能够各种嵌套无bug
绝对定位和相对定位
和css的标准不同的是, 元素父容器不用设置position:‘absolute|relative‘ . 默认相对于父容器进行位移.
http://www.jianshu.com/p/26dffb845046 自己看吧···
时间: 2024-10-12 08:14:02