ios - 如何使用 react-native 版本 0.48.0 将 SafeAreaView 安装到我的项目中？

Question

这里是问题所在:

我想在我的项目中安装 SafeAreaView 以适应 iPhone X 屏幕，我不想将 react-native 版本升级到包含 SafeAreaView 组件的 0.50.1，现在我的 react-native版本是 0.48.0，还有一个仅作为 npm 模块可用的 JS 版本，react-native-safe-area-view。

• https://github.com/react-community/react-native-safe-area-view

我是用

安装的

npm install react-native-safe-area-view --save

然后我用 xcode 运行我的项目，它显示错误

这里是错误:

error: bundling failed: ambiguous resolution: module/Users/dongfanggouwu-xiong/WebstormProjects/untitled/index.js 试图要求 react-native，但是有几个文件提供了这个模块。您可以删除或修复它们:

• /Users/dongfanggouwu-xiong/WebstormProjects/untitled/node_modules/react-native-safe-area-view/node_modules/react-native/package.json
• /Users/dongfanggouwu-xiong/WebstormProjects/untitled/node_modules/react-native/package.json

有两个react-native module，一个在react-native-safe-area-view，不知道怎么修，浪费了很多时间，找了很多方法一个解决方案。

那么有没有和我有同样问题的iPhone X适配react-native的？

Answer 1

最后，我找到了解决办法。 如果您还没有使用 React Native 0.50+，您可以使用 react-navigation 的 SafeAreaView。

import { SafeAreaView } from 'react-navigation'

而且 react-navigation 版本必须是包含 SafeAreaView 的较新版本，据我所知，react-navigation 版本必须至少为 1.00@beta 16，所以也许你需要将你的 react-natigation 升级到更新版本版本。