React Native:SafeAreaProvider 有什么用

KAY*_*ORK 13 reactjs react-native

SafeAreaProvider有什么用?我不明白github文档https://github.com/th3rdwave/react-native-safe-area-context
我必须用它做什么?SafeAreaView 做得很好......
即使必须SafeAreaProvider与 React-navigation 一起使用:

<SafeAreaView>
  <SafeAreaProvider>
    <NavigationContainer>
      ...
    </NavigationContainer>
  </SafeAreaProvider>
</SafeAreaView>
Run Code Online (Sandbox Code Playgroud)

我没有看到它的用途...

Ahm*_*ber 15

安全区域是没有缺口的手机屏幕,此类物品包括:

  1. 物理凹口
  2. 状态栏覆盖
  3. iOS 上的家庭活动指示器
  4. Android 上的导航栏

没有被这些物品重叠的区域被称为“安全区域”。

您可以在reactnavigation.org中查看更多示例和图像,您就会明白。

使用 SafeArea 时,内容将是

在此输入图像描述

如果没有 SafeArea,内容将是

在此输入图像描述

  • 它是“react contextprovider”,请参阅https://reactjs.org/docs/context.html#contextprovider,向下传递道具,这将计算一次安全区域并将其传递给所有“SafeAreaViews”和“hooks”像“useSafeAreaInsets” (8认同)
  • 是的,我知道 SafeAreaView 的用途,但是 SafeAreaProvider 有什么用呢? (2认同)