Question

问题在于：

我想在我的项目中安装SafeAreaView以适应iPhone X屏幕，我不想将react-native版本升级到包含 SafeAreaView 组件的0.50.1，现在我的反应原生版本 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适应方面遇到同样的问题？

Answer 1

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

import { SafeAreaView } from 'react-navigation'

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

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

问题在于：

以下是错误：

1 个答案: