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

不使用库就没有超级好的方法，但如果这是在 .map() 中，那么您可能想要做一些像 Justinas 提到的那样：

items.map((item, index) => (
  <Text style={[
    styles.regularItemStyle,
    index === items.length - 1 ? styles.lastItemStyle : null,
  ]}>
    {item.name}
  </Text>
)

Answer 3

可能是您根据您的问题写了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;
}

如何在React Native中做最后一个选择器？

3 个答案: