React Native - 如何重叠边距？

Question

4

我有Web应用背景，并且已经使用CSS工作了一段时间。

那么说当我有两个具有margin: 15px的div块，假设这些块按行方向显示。在CSS中，我将获得两个div块，它们之间有15px的空白间隔。然而，使用相同的逻辑到React Native中，显示的是2个具有30px margin的div块。

看起来margin与CSS逻辑不同，没有重叠。

我能否绕过这个问题或者是我错过了什么？

Web:

React Native:

- Michael 'Maik' Ardan

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sahith Kurapati · Accepted Answer

在react-native中，边距重叠与CSS不同。为了快速解决问题，您可以在react native StyleSheet中使用marginLeft和marginRight样式。

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

为了更全面的处理，使用justifyContent（该样式应用于两个块之外的父视图）

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

但请记住，这样做不会像您想要的那样在所有元素之间产生精确的15像素边距。