更改 React-Native 应用程序的方向在顶部显示奇怪的白色矩形（仅限 IOS）答案

【问题标题】：Changing orientation of React-Native app shows strange white rectangle on top (IOS only)更改 React-Native 应用程序的方向在顶部显示奇怪的白色矩形（仅限 IOS）
【发布时间】：2021-04-14 05:08:33
【问题描述】：

我正在开发的应用程序发生了一些奇怪的事情。每当我将 IOS 上的设备旋转到横向时，顶部会出现一个白色矩形：

即使删除此特定页面上的所有内容也会导致显示白色块，所以我怀疑它可能更深（可能是 Redux 或 React-navigation？）但我不确定。我也尝试更改 AppDelegate.m 中的背景颜色，但没有任何区别。

其他人经历过这种情况或知道可能导致这种情况的原因吗？

【问题讨论】：

请务必检查顶层的所有组件的背景颜色是否与您的深色背景颜色相同。
感谢您与我一起思考！我终于找到了解决方案，我会在下面发布，以防其他人遇到同样的问题

标签： ios react-native react-redux react-navigation

【解决方案1】：

对于任何处理此问题的人，我都找到了问题和解决方案。它与反应导航有关。在我的 stackNavigator 中，我将标题设置为空，但是当旋转到横向时，这个标题仍然存在（白色区域）。解决方案是将标题 headerTintColor 和 headerStyle backgroundColor 设置为“透明”！ :)

【讨论】：