React Native Invariant Violation: requireNativeComponent: "RNCViewPager" was not found in the UIManager

j S*_* SO 5 react-native

我目前正在开发一个刚刚开始开发的小应用程序,但我不断收到此错误:

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)
Run Code Online (Sandbox Code Playgroud)

我正在使用 import ScrollableTabView, { DefaultTabBar } from 'react-native-scrollable-tab-view'; 我想这是错误的来源,我在 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>;
}
Run Code Online (Sandbox Code Playgroud)

谢谢 !

小智 16

如果你使用纱线

纱线添加反应本机分页器视图

如果没有,那么

npm 我反应本机寻呼机视图

那么你必须做

吊舱安装

纱线 ios 或 npx 反应本机运行 ios


Sus*_*hil 11

安装以下 NPM 库

npm i react-native-pager-view
Run Code Online (Sandbox Code Playgroud)

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

  • 对我来说,当我开始收到错误时,我必须在添加此库后重新编译项目 (5认同)

Ali*_*aza 6

安装以下包

npm i react-native-pager-view
Run Code Online (Sandbox Code Playgroud)

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


小智 5

请在终端中运行以下命令

=> npm i @react-native-community/viewpager
Run Code Online (Sandbox Code Playgroud)


小智 5

请先安装此软件包

npm i react-native-pager-view
Run Code Online (Sandbox Code Playgroud)

您需要确保您的 Node 和 npm 版本。就我而言,我使用了 Node v.16.13.0 (npm v.8.1.0)。如果 npm 不起作用,请尝试使用yarn

yarn add react-native-pager-view
Run Code Online (Sandbox Code Playgroud)

在那之后。cd ios && pod install

然后你需要在 Android 上重建应用程序。如果问题仍然存在,请尝试删除node_modules和pod,然后重新安装它们。