计算React Native中嵌入的iOS内容的正确方法

Question

在react原生项目中计算内容插入(https://developer.apple.com/documentation/uikit/uiscrollview/1619406-contentinset)的正确方法是什么？

例如，当你在应用程序/屏幕的根视图上使用padding: 20时，它与iPhone 11上的本地导航标题对齐。另一方面，在iPhone 12专业版上，这些内容插入似乎是不同的，并且内容具有偏移量：

​

​

我还发现了一个使用设备宽度的5%作为内容插入/填充的示例，但这仍然不适合所有设备。

这是它在苹果设计指南(边距)中的样子：

​

https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/

Answer 1

由于我没有找到任何解决方案，我为此创建了一个小库：https://github.com/dioncodes/react-native-layout-margins