react-native flex

javaScript数据类型转换

flexDirection

Snip20170222_1.png

alignltems

Snip20170222_2.png

alignSelf

• auto

• flex-end
• flex-start
• center

获取手机屏幕的宽高 Dimensions

var Dimentsions = require('Dimensions');
var {width,height} = Dimensions.get('window');

FlexBox/弹性布局

flex:1

FlexWrap 超出父容器换行不换行的属性(默认不换行)

flexWrap : 'wrap' //换行

justifyContenr 设置主轴内容的排列方式

• flex-start 默认

• flex-end 内容并不会反转，靠右
• center
• space-between 三个元素的话，1，3元素会贴在左右两边
• space-around

ListView

两个必须的属性：datasource、renderRow