React Native "box model"是如何工作的?



在指定高度和/或宽度、填充和边框宽度时,React Native 大小组件是否类似于 CSSborder-boxbox 模型?

我只是在学习 RN,当尝试向 iOS 应用程序添加自定义标头时,<View style={{ height: 44, paddingTop: 20 }}>似乎没有产生我期望的 64pt 高度,更改为height: 64, paddintTop: 20让我更接近,但实际上似乎比所需的 64pt 大。

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

我没有在文档中看到这一点的解释,也没有在谷歌上找到答案。

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

这似乎没有记录在案,但是如果您在元素上设置宽度,然后向其添加填充,您将看到宽度增加。

更新:据我所知,文档仍然不存在,但我在这里找到了一个代码注释(通过这个 SO 答案),确认 React Native 确实可以在border-box模型上运行。

相关内容

  • 没有找到相关文章

最新更新