React Native“盒子模型”如何工作?

时间:2017-02-23 03:56:50

标签: reactjs react-native

在指定高度和/或宽度,填充和边框宽度时,React Native size组件是否与CSS border-box框模型类似?

我只是在学习RN,在尝试向iOS应用添加自定义标题时,<View style={{ height: 44, paddingTop: 20 }}>似乎没有产生我预期的64pt高度,而更改为height: 64, paddintTop: 20会让我感觉到更接近但实际上似乎比理想的64pt更大。

当然,我认为大小错误的假设完全是经验性的。我不知道如何实际测量渲染的组件大小以了解正在使用哪种盒子模型方法。而且我没有在设备上运行任何东西,仅通过iOS模拟器,我不知道这是否会导致感知到的尺寸问题。

我没有在文档中看到这个解释,也没有在Google上找到答案。

1 个答案:

答案 0 :(得分:2)

不,它似乎使用content-box模型。

这似乎没有记录,但如果你在一个元素上设置一个宽度然后添加填充,你会看到宽度增加。