在iOS上与react native合作了几周后，我似乎遇到了flex样式的一些缺点...尤其是在"react "行为方面.
例如，假设您想要创建一个包含卡片的视图(这些卡片的元数据来自API).您希望卡片的宽度为视图宽度减go 边距的50%；填充，并在每2个后Package.
我对该视图的当前实现将返回的数组拆分为包含2项的行.列表容器有flex: 1, flexDirection: 'column个，行有flex: 1个，然后每个卡片有flex: 1个.最终结果是每行有2列，平均占据视图宽度的一半.
在React原生样式中，似乎没有一种简单的方法可以做到这一点，而不使用javascript对数据进行某种预处理，以便正确地生成样式.有人有什么建议吗？
react 已经has percentage support:
<View style={[style.parent]}>
<View style={[style.child, {backgroundColor: '#996666'} ]} />
<View style={[style.child, {backgroundColor: '#339966'} ]} />
<View style={[style.child, {backgroundColor: '#996633'} ]} />
<View style={[style.child, {backgroundColor: '#669933'} ]} />
</View>
var style = StyleSheet.create({
parent: {
width: '100%',
flexDirection: 'row',
flexWrap: 'wrap'
},
child: {
width: '48%',
margin: '1%',
aspectRatio: 1,
}
})
