reactjs - react native : How to combine external and inline styles?

Question

这是 _renderRow 函数的一部分。我有一些按钮的基本样式，以及从行上的变量读取的样式。在此示例中，它是“#f00”，但它也可以是一个变量，例如 thisColor。如何将外部样式与内联样式结合起来？

类似这样的东西，但这不起作用:

<TouchableHighlight style={[styles.button]{ backgroundColor: '#f00'}}   

或者我是否必须将其与 TouchableHightlight 内的容器嵌套在一起，并将内联样式放在该元素上？

Answer 1

你的括号错了。如果您打算继续使用数组语法，请改用:

<TouchableHighlight style={[styles.button,{ backgroundColor: '#f00'}]}