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

Question

我已经使用了一段时间的 React Native 并添加了这个问题:

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

on和other有什么区别？

Answer 1

style.container 是否包含“高度”值？

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