如何在React native中执行last-child选择器？

Question

我使用Scrollview，其中有3个视图。我在它们之间留下了空隙。

例如：“marginRight：5”。

但我不希望在最后一个视图中出现这种差距。这就是我需要这种东西的原因。你能帮助我吗？

Answer 1

应用这个你可以实现它你在寻找什么

const styles = EStyleSheet.create({
  p: {
    marginRight: 5
  },
  'p:last-child': {
    marginRight: 0
  }
});

编辑：使用组件https://github.com/vitalets/react-native-extended-stylesheet

Answer 2

也许这是你根据你的问题写了你的HTML

<div>
  <p>This is a paragraph2.</p>
  <p>This is a paragraph2.</p>
  <p>This is a paragraph3.</p>
</div>

如果你已经写了这样的HTML，你可以申请这个CSS它会为你工作

div{
  display:flex; /* for one line */
}
div p{
  margin-right:5px;
}
div p:last-child{
  margin-right:0px;
}