React-Native中的样式传播语法和数组语法之间的区别

Question

一段时间以来，我一直在使用react native并添加以下问题：

使用style={[style.container, { height: this.state.position }]}时，我的视图未设置所需的高度，并且我的组件被弄乱了。但是随后发现style={{...style.container, height: this.state.position }}和我的样式按预期工作。

on和另一个之间有什么区别？

Answer 1

style.container是否包含'height'的值？

使用数组语法，第二个对象将使用第二个示例中的散布运算符覆盖第一个对象“ styles.container”中定义的任何高度值，即定义一个样式属性的平面对象，因此覆盖可能不会一直发生。