react-native - 将 SafeAreaView 与 nativebase 一起使用

Question

我们是否需要将 react-native SafeAreaView 与 nativebase 一起使用。还是内置在容器中？还是仅在没有容器的情况下使用 SafeAreaView？

<SafeAreaView> <--- is it needed?
  <Container>

  </Container>
</SafeAreaView>

标签： react-nativenative-base

Answer 1

解释：

这里你可以找到 NativeBase 的容器的代码，这里你可以找到 react-native 的 SafeAreaView 的代码。

如您所见，NativeBase 的容器只是一个简单的 View，而 SafeAreaView 则稍微复杂一些，如果我们查看文档，这是有道理的：

SafeAreaView 的目的是在设备的安全区域边界内呈现内容。目前仅适用于 iOS 版本 11 或更高版本的 iOS 设备。

react-native/docs/safeareaview

回答

还是内置在容器中？还是仅在没有容器的情况下使用 SafeAreaView？

你可以一起使用它们，但你不必这样做。从代码中我们可以看出，容器组件并没有自己实现SafeAreaView。