React-Native 中样式扩展语法和数组语法的区别

Question

我一直在使用 react native 并添加了这个问题：

使用style={[style.container, { height: this.state.position }]} 时，我的视图没有设置所需的高度，并且我的组件搞砸了。但后来遇到了style={{...style.container, height: this.state.position }} 和我的风格，并按预期工作。

on和other有什么区别？

Answer 1

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

使用数组语法，第二个对象将覆盖在第一个对象“styles.container”中定义的任何高度值，使用第二个示例中的扩展运算符，您正在定义一个样式属性的平面对象，所以覆盖可能不会持续发生。