React native:如何结合外部和内联风格？
React native:如何结合外部和内联风格？
提问于 2016-10-19 04:37:43
这是_renderRow-function的一部分。我有一些按钮的基本样式，还有一个从行上的变量读取的样式。在本例中，它是'#f00‘，但它可以是一个变量，如thisColor。如何将外部样式与内联样式相结合？
类似这样的东西，但这不起作用：
<TouchableHighlight style={[styles.button]{ backgroundColor: '#f00'}} 或者我必须将它嵌套在TouchableHightlight中的容器中，并将内联样式放在该元素上？
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-10-19 04:51:36
你的括号是错的。如果您打算继续使用数组语法，请改用以下语法：
<TouchableHighlight style={[styles.button,{ backgroundColor: '#f00'}]} Stack Overflow用户
发布于 2016-10-19 04:40:38
可以使用扩展语法：
<TouchableHighlight style={{ ...styles.button, backgroundColor: '#f00'}}Stack Overflow用户
发布于 2017-10-05 23:06:25
这是在React Native 0.44.2中测试的正确答案：
<TouchableHighlight style={{...styles.button, ...{backgroundColor: '#f00'}}}>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40117640
复制相关文章
相似问题
腾讯云开发者
