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

Question

这是问题所在:

我想在我的项目中安装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适应有同样的问题？

Answer 1

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

import { SafeAreaView } from 'react-navigation'

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