如何在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：在此环境中，assign的源必须是a   宾语。此错误是性能优化而非规范   兼容。

有谁知道发生了什么或者我怎么能让它发挥作用？

Answer 1

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

e.g：

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

见样式docs

Answer 2

我得到了它的工作：

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