ReactJS 有类似 React-Native 的 SafeAreaView 吗？

Question

我正在使用 ReactJS 构建一个网络应用程序，我也希望它可以在移动设备上显示。 是否有组件/解决方法来处理屏幕最顶部的 iPhone 的“安全区域”视图（例如动态岛）？ 目前那个安全区域只是黑色，但我希望它有固定的颜色

我尝试包括一个并将其设置为背景颜色

Answer 1

ReactJS 依赖于浏览器渲染引擎（在浏览器之上运行），而 React Native 具有“原生”性能，因为它直接与 android/ios 原生组件（JavaScript 线程）交互。 在这里阅读

因此 ReactJS 没有处理“安全区域”显示的组件。 因为已经被浏览器解析了。 如果你想给 SafeAreaView（浏览器中的标题栏）着色，你只需要在标签中添加以下 html 代码。

<meta name="theme-color" content="#999999" />