如何使用 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,但有几个文件提供了这个模块。您可以删除或修复它们:
/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 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 升级到较新的版本。
这里是问题所在:
我想在我的项目中安装 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,但有几个文件提供了这个模块。您可以删除或修复它们:
/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 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 升级到较新的版本。