我目前正在工作的一个小应用程序,我刚刚开始工作,我不断得到这个错误:
Invariant Violation: requireNativeComponent: "RNCViewPager" was not found in the UIManager.
This error is located at:
in RNCViewPager (at ViewPager.js:150)
in ViewPager (at createAnimatedComponent.js:151)
in AnimatedComponent (at react-native-scrollable-tab-view/index.js:253)
in RCTView (at View.js:45)
我正在使用"react-native-scrollable-tab-view"中的导入可滚动选项卡视图{DefaultTabBar};我猜这就是错误的来源,我已经搜索了stackoverflow,发现我必须安装@react-native-community/viewpager,我这样做了,但仍然在Android模拟器中得到相同的错误(iOS模拟器工作)
下面是我代码:
import React from 'react';
import {
Text
} from 'react-native';
import ScrollableTabView, { DefaultTabBar } from 'react-native-scrollable-tab-view';
//import ViewPager from '@react-native-community/viewpager'
export default () => {
return <ScrollableTabView
style={{ marginTop: 20 }}
initialPage={1}
renderTabBar={() => <DefaultTabBar />}
>
<Text tabLabel='Tab #1'>
</Text>
<Text tabLabel='Tab #2'>favorite</Text>
<Text tabLabel='Tab #3'>project</Text>
</ScrollableTabView>;
}
谢谢大家!
5条答案
按热度按时间vuv7lop31#
安装以下NPM库
因为,“@react-native-community/viewpager”已弃用。
jpfvwuh42#
如果你用Yarn
Yarn添加React-本机-页面视图
如果没有,则
npm iReact-本机-分页器-视图
那你就得
pod安装
Yarnios或npxReact-天然运行-ios
oyt4ldly3#
请在终端中运行以下命令
hc2pp10m4#
安装以下软件包
然后在终端中打开
ios
文件夹并运行pod install
。安装完成后,使用npx react-native start
重新启动您的项目。0s0u357o5#
请先安装此软件包
您需要确定您的node & npm版本,在我的例子中,我使用node v.16.13.0(npm v.8.1.0),如果npm不工作,尝试使用yarn
之后。
cd ios && pod install
然后你需要在Android上重建应用程序。如果问题仍然存在,那么尝试删除Node_Modules & Pods,然后再次重新安装它们。