React Native不变冲突:必需的本机组件:在UI管理器中未找到“RNCViewPager”

7rtdyuoh  于 2023-01-31  发布在  React
关注(0)|答案(5)|浏览(241)

我目前正在工作的一个小应用程序,我刚刚开始工作,我不断得到这个错误:

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>;
}

谢谢大家!

vuv7lop3

vuv7lop31#

安装以下NPM库

npm i react-native-pager-view

因为,“@react-native-community/viewpager”已弃用。

jpfvwuh4

jpfvwuh42#

如果你用Yarn
Yarn添加React-本机-页面视图
如果没有,则
npm iReact-本机-分页器-视图
那你就得
pod安装
Yarnios或npxReact-天然运行-ios

oyt4ldly

oyt4ldly3#

请在终端中运行以下命令

=> npm i @react-native-community/viewpager
hc2pp10m

hc2pp10m4#

安装以下软件包

npm i react-native-pager-view

然后在终端中打开ios文件夹并运行pod install。安装完成后,使用npx react-native start重新启动您的项目。

0s0u357o

0s0u357o5#

请先安装此软件包

npm i react-native-pager-view

您需要确定您的node & npm版本,在我的例子中,我使用node v.16.13.0(npm v.8.1.0),如果npm不工作,尝试使用yarn

yarn add react-native-pager-view

之后。cd ios && pod install
然后你需要在Android上重建应用程序。如果问题仍然存在,那么尝试删除Node_Modules & Pods,然后再次重新安装它们。

相关问题