如何在React Native中将样式对象与内联样式相结合？

Question

我试图在不修改transform: [{ rotate: '180deg'}]样式对象的styles.buttonText情况下将内联样式与现有样式对象结合在一起。我尝试了以下方法：

<Text style={{...styles.buttonText, transform: [{ rotate: '180deg'}]}}>^</Text>

和

<Text style={{...styles.buttonText, ...{transform: [{ rotate: '180deg'}]}}}>^</Text>

和

<Text style={Object.assign({}, styles.buttonText, {transform: [{ rotate: '180deg'}]})}>^</Text>

但是我一直收到同样的错误消息：

TypeError：在这种环境下，分配源必须是一个对象。此错误是性能优化，不符合规范。

有谁知道发生了什么事或如何使它正常工作？

Answer 1

如果要在元素上组合样式，则必须将数组传递给style属性。数组中的最后一项优先。

例如：

<Text style={[styles.buttonText, {transform: [{ rotate: '180deg' }]}]}>^</Text>

查看样式文档