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

How to install SafeAreaView to my project with react-native version 0.48.0?

这里是问题所在:

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

我用

安装了它

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

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

这里是错误:

错误:捆绑失败:解析不明确:模块 /Users/dongfanggouwu-xiong/WebstormProjects/untitled/index.js 试图要求 react-native,但有几个文件提供了这个模块。您可以删除或修复它们:

有两个react-native模块,一个在react-native-safe-area-view,不知道怎么改,浪费了很多时间,试了很多方法找到解决方案。

那么有没有人和我有同样的问题 iPhone X adaptation in react-native?

终于找到了解决办法。 如果你还没有使用 React Native 0.50+,你可以使用 react-navigation 的 SafeAreaView。

import { SafeAreaView } from 'react-navigation'

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