css - React Native - 如何重叠边距？

Question

我有网络应用背景并且使用 CSS 已经有一段时间了。

也就是说，当我有 2 个 div block 时，margin: 15px，假设这些 block 显示在行方向。在 CSS 中，我将有 2 个 div block ，它们之间有 15px 空格。但是，使用与 React Native 相同的逻辑，显示的是 2 个 div block ，边距为 30px。

与 CSS 逻辑相比，边距似乎没有重叠。

有什么办法可以解决这个问题还是我遗漏了什么？

网页:

native react :

Answer 1

边距重叠在 react-native 中不存在，与 CSS 一样。为了快速修复，您可以在 React 原生样式表中使用 marginLeft 和 marginRight 样式。

block1: {
    marginLeft: 15,
    marginRight: 7.5
},
block2: {
    marginLeft: 7.5,
    marginRight: 15
}

要获得更全面的方法，请使用 justifyContent(此样式应应用于两个 block 外的父 View )

container: {
    flexDirection: 'row',
    justifyContent: 'space-around'
}

但请记住，这不会像您想要的那样在所有内容之间提供精确的 15 像素边距。