反应原生

Question

我目前有这两种风格：

  indentLeft: {
    marginLeft:'4%',
  },
  forwardButtonLocation: {
    flex: 1, 
    flexDirection: 'column', 
    alignItems: 'flex-start',
    paddingTop: 20,
  },

我按照本教程https://facebook.github.io/react-native/docs/style.html进行了连接并将它们连接起来：

<View style={styles.forwardButtonLocation, styles.indentLeft}>

然而，似乎后一种风格会覆盖前一种风格，即使indentLeft和forwardButtonLocation也不共享相同的属性。该按钮在20的顶部填充或由4%缩进，具体取决于在连接中哪一个到达第二个，但根据教程，它应该具有两个属性。我在这里做错了什么？

Answer 1

为了向同一元素提供多种样式，您需要在[]

中传递样式

<View style={[styles.forwardButtonLocation, styles.indentLeft]}>

直接在{}中传递它们只会让最后一个生效