假设我有以下几种风格:
const styles = StyleSheet.create({
padding: {
padding: 10
},
margin: {
margin: 10
}
});
我想把它们都应用到一个react 组件上？
假设我有以下几种风格:
const styles = StyleSheet.create({
padding: {
padding: 10
},
margin: {
margin: 10
}
});
我想把它们都应用到一个react 组件上？
虽然我为此做了一些研究，但答案并不十分清楚，有一个建议是:
<View style={Object.assign({}, styles.padding, styles.margin)}>
...
</View>
对象assign()获取参数列表并合并它们，但是，如果不传递第一个空对象，它将覆盖第一个参数，因此如果要保持样式整洁，必须传递它.
然而，从react 0.27.2开始，我在try 这样做时出现了一个asign错误.
进一步阅读后发现:
<View style={StyleSheet.flatten([styles.postHeader, styles.flowRight])}>
...
</View>
很好用，但这很冗长，也不是很直观，我发现了另一个片段:
<View style={[styles.postHeader, styles.flowRight]}>
无论出于什么目的，这都是我想要的.
我只是想在这里分享这些知识，因为它似乎相当明显，但我找不到任何相关文档.