我有网络应用背景并且使用 CSS 已经有一段时间了。
也就是说,当我有 2 个 div
block 时,margin: 15px
,假设这些 block 显示在行方向。在 CSS 中,我将有 2 个 div
block ,它们之间有 15px
空格。但是,使用与 React Native 相同的逻辑,显示的是 2 个 div
block ,边距为 30px
。
与 CSS 逻辑相比,边距似乎没有重叠。
有什么办法可以解决这个问题还是我遗漏了什么?
最佳答案
边距重叠在 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 像素边距。
关于css - React Native - 如何重叠边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62240389/