像HTML一样渲染组件

react-native

2017-02-24 80 views 0 likes

基本上我想渲染一个组件，如HTML中的左浮动行为。所以组件会水平渲染（成行），直到没有足够的空间并将其渲染到前一行。像HTML一样渲染组件

const {card,insideCard} = styles; return( <View style={card}> <View style={insideCard}/> <View style={insideCard}/> <View style={insideCard}/> <View style={insideCard}/> </View> );

和风格

card:{ flex:1, backgroundColor:'#0000ff', margin:5, flexDirection:'row', }, insideCard:{ height: 80, width: 80, backgroundColor:'#000000', margin:10 }

当我使其第四查看标签将减半。有没有办法像HTML一样渲染它？那么第四种观点会自动呈现下跌趋势？

感谢很多:)

来源

2017-02-24 Irvan

回答

适用flexWrap: 'wrap'您card风格。如果你想处理对齐，玩弄justifyContent: 'center'

来源

2017-02-24 15:49:00 dhorelik

是的，你可以flexWrap属性设置为卡片视图：

card:{ 
     flex:1, 
     flexWrap:'wrap', 
     backgroundColor:'#0000ff', 
     margin:5, 
     flexDirection:'row', 
    },

来源

2017-02-24 15:48:18

像HTML一样渲染组件

回答

相关问题