当我在设备上运行 apk 时，它会添加额外的边距顶部，但在模拟器上它会正确显示所有内容。 [反应原生]

Posted 2023-05-07

【中文标题】当我在设备上运行 apk 时，它会添加额外的边距顶部，但在模拟器上它会正确显示所有内容。 [反应原生]

【英文标题】：When I run the apk on device it adds extra margin-top but on emulator it shows everything properly. [React Native]

【发布时间】：2022-01-03 02:11:47

【问题描述】：

在模拟器上，标题的 paddingTop 和 marginTop 与我给出的完全相同。但是当我构建 apk 并在物理设备上运行它时，它会在我没有给出的标题上显示额外的 marginTop 或 paddingTop。

第一个屏幕截图是在模拟器上拍摄的。第二张截图是在物理设备上截取的。

正如您在第一个屏幕截图中看到的那样，标题的 marginTop 是正确的，正如我给出的那样。但在第二个屏幕截图中，我没有给出额外的页眉页边距。

谁能告诉我为什么会这样以及如何解决它。

这里是小吃链接：https://snack.expo.dev/11ukI633J

【参考方案1】：

尝试为您的“标题”组件提供背景颜色，以了解由于状态栏高度或标题组件的高度而产生的额外边距。希望对您有所帮助。

【讨论】：

试过了，但仍然面临同样的问题。在模拟器上，标头边距很好，但在物理设备中安装 apk 时，它会自动将 marginTop 添加到标头。