分类 web前端 下的文章

react JS style样式设置总结

const styles = StyleSheet.create({ style_0:{ flex:1, borderColor: 'red', borderWidth:1, }, <View style={styles.style_0}> <View style={[styles.view, styles.center]}><Text>自由摆放</Text></View> <View style={[styles.style_1, {flexDirection: 'column'}]}> <Text style={{marginTop:40, fontSize:25}}>1/4高</Text>


flex属性

流式布局 flex为可伸缩属性,当flex大于0时View可伸缩 当多个有flex属性的View时,根据flex值分配View的相对大小, 如<superView style={flex:1}><View1 style={flex:5}></View1><View2 style={flex:10}></View2></superView> 则5+10=15View1占superView的5/15大小,View2是superView的10/15 flexDirection:设定布局方向 value值为: row(横向布局),column(纵向布局) alignSelf:对齐方式 主要有四种:flex-start(left居左)、 flex-end(right居右)、 center、 auto(默认自动)、......


© 2016 为吾优 . 由 WordPress 强力驱动 | Theme By Jimmy & PCDotFan