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

【问题标题】：How to install SafeAreaView to my project with react-native version 0.48.0?如何使用 react-native 版本 0.48.0 将 SafeAreaView 安装到我的项目中？
【发布时间】：2018-05-15 03:35:49
【问题描述】：

这是问题：

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

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

我是用

安装的

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

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

这里是错误：

错误：捆绑失败：不明确的解决方案：模块 /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模块，一个在react-native-safe-area-view，我不知道怎么解决，浪费了很多时间，试了很多方法找到一个解决方案。

那么有没有人和我在 iPhone X 在 react-native 适配方面遇到同样的问题？

【问题讨论】：

标签： ios iphone facebook react-native react-native-ios

【解决方案1】：

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

import { SafeAreaView } from 'react-navigation'

并且 react-navigation 版本必须是包含 SafeAreaView 的较新版本，据我所知，react-navigation 版本必须至少为 1.00@beta 16，因此您可能需要将 react-navigation 升级到较新的版本版本。

【讨论】：