"RNCViewPager" was not found in the UIManager. [RN 0.61.2] [Android] #72

mistikk · 2019-10-10T09:49:05Z

Bug

Environment info

react-native: 0.61.2
react-native-viewpager: 2.0.1

ferrannp · 2019-10-10T10:15:54Z

For what I see you are using https://github.com/ptomasroos/react-native-scrollable-tab-view. See https://github.com/ptomasroos/react-native-scrollable-tab-view/blob/master/index.js#L13. ViewPagerAndroid is not part of react-native core anymore. You should open an issue to that repo and ask to update the library to use https://github.com/react-native-community/react-native-viewpager instead.

mistikk · 2019-10-10T10:23:18Z

@ferrannp I am not using ptomasroos/react-native-scrollable-tab-view. I forked and updated with react-native-community/react-native-viewpager.
You can see forked repo https://github.com/esteemapp/react-native-scrollable-tab-view

ferrannp · 2019-10-10T21:20:52Z

If you create a new app with react-native init, does the viewpager here works for you?

baleo-it · 2019-10-17T17:28:27Z

@mistikk RN > 0.60, you need to do

cd ios
pod install --repo-update

mistikk · 2019-10-18T07:50:45Z

@baleo-it i already run pod install

ferrannp · 2019-10-18T11:14:28Z

Can you provide a repository to reproduce your issue?

superandrew213 · 2019-10-25T07:57:59Z

@ferrannp here is the repo https://github.com/superandrew213/viewpagertest.

This uses the latest version of react-native-scrollable-tab-view from github which uses @react-native-community/viewpager

https://github.com/ptomasroos/react-native-scrollable-tab-view/commits/master

ferrannp · 2019-10-25T09:00:38Z

@superandrew213 if you install @react-native-community/viewpager it works. I think the problem is in https://github.com/ptomasroos/react-native-scrollable-tab-view/blob/master/package.json#L27-L29. Can you try and add @react-native-community/viewpager as peerDependency ?

superandrew213 · 2019-10-25T09:14:48Z

@ferrannp I can confirm that it works if you install @react-native-community/viewpager.

@react-native-community/viewpager has been added as a dependency to react-native-scrollable-tab-view. Why add it as a peer dependency?

ferrannp · 2019-10-25T09:27:19Z

Ok maybe you just have to document it. The same as with react-navigation, that is documented you need to install react-native-gesture-handler, react-native-reanimated with it.

superandrew213 · 2019-10-25T09:46:10Z

@ferrannp @react-native-community/viewpager should be working even if it has been added as a dependency. This is probably a linking issue?

Domtry · 2019-11-14T07:32:49Z

Any solution proposal did not solve my problem

this is my package.js config

"dependencies": {
"react": "16.9.0",
"react-native": "0.61.4",
"react-native-elements": "^1.2.7",
"react-native-input-scroll-view": "^1.9.5",
"react-native-navigation": "^3.5.1",
"react-native-scrollable-tab-view": "^1.0.0",
"react-native-vector-icons": "^6.6.0"
},
"devDependencies": {
"@babel/core": "7.7.2",
"@babel/runtime": "7.7.2",
"@react-native-community/eslint-config": "0.0.5",
"babel-jest": "24.9.0",
"jest": "24.9.0",
"metro-react-native-babel-preset": "0.56.3",
"react-test-renderer": "16.9.0"
},
"jest": {
"preset": "react-native"
}
}

jakajacky · 2019-11-20T09:15:56Z

i have the same error, RN = 0.60.5, Platform = iOS/Android
And fixed by Manual linking guide, both iOS,Android work fine.

npm i @react-native-community/viewpager
on iOS, adding this to your Podfile:
pod 'react-native-viewpager', :path => '../node_modules/@react-native-community/viewpager'
then
cd ios
pod install
on Android, make the following changes:

android/settings.gradle

include ':@react-native-community_viewpager'
project(':@react-native-community_viewpager').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/viewpager/android')

android/app/build.gradle

dependencies {
   ...
   implementation project(':@react-native-community_viewpager')
}

android/app/src/main/.../MainApplication.java

On top, where imports are:

import com.reactnativecommunity.viewpager.RNCViewPagerPackage;

Add the RNCViewPagerPackage class to your list of exported packages.

@Override
protected List<ReactPackage> getPackages() {
  return Arrays.<ReactPackage>asList(
    new MainReactPackage(),
    new RNCViewPagerPackage()
  );

igorbrandao · 2019-12-26T22:54:58Z

Any solution for those using a non ejected expo app?

sytolk · 2020-02-19T11:35:08Z

I have the same issue on Android (iOS works) RN 0.60.6
dependencies:
"react-native-best-viewpager": "^1.0.4", -> https://github.com/abbasmoosavi/react-native-best-viewpager/blob/master/package.json#L39
"@react-native-community/viewpager": "^3.3.0", <- adding this line in my project package.json fix this issue
Maybe this issue is yarn related ??

claezon · 2020-02-28T16:47:29Z

This worked for me:

RN-cli: 2.0.1
RN: 0.61.5

I tried linking the package, but that didn't help.
I tried manual linking and saw that the RNCViewPagerPackage was missing in:
android/app/src/main/java/com/[...]/MainApplication.java

I added the package (last line before return):
@Override protected List<ReactPackage> getPackages() { @SuppressWarnings("UnnecessaryLocalVariable") List<ReactPackage> packages = new PackageList(this).getPackages(); // Packages that cannot be autolinked yet can be added manually here, for example: // packages.add(new MyReactNativePackage()); packages.add(new RNCViewPagerPackage()); // <--------- Here we go return packages; }

I emptied cache and ran: react-native run-android.

UnnikrishnanBhargavakurup · 2020-03-19T10:02:40Z

Still facing the same issue in android any idea how to fix this?

olkunmustafa · 2020-05-21T14:57:50Z

i have the same error, RN = 0.60.5, Platform = iOS/Android
And fixed by Manual linking guide, both iOS,Android work fine.

npm i @react-native-community/viewpager

on iOS, adding this to your Podfile:
pod 'react-native-viewpager', :path => '../node_modules/@react-native-community/viewpager'
then
cd ios
pod install

on Android, make the following changes:

android/settings.gradle
include ':@react-native-community_viewpager'
project(':@react-native-community_viewpager').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/viewpager/android')
android/app/build.gradle
dependencies {
   ...
   implementation project(':@react-native-community_viewpager')
}
android/app/src/main/.../MainApplication.java

On top, where imports are:

import com.reactnativecommunity.viewpager.RNCViewPagerPackage;

Add the RNCViewPagerPackage class to your list of exported packages.
@Override
protected List<ReactPackage> getPackages() {
  return Arrays.<ReactPackage>asList(
    new MainReactPackage(),
    new RNCViewPagerPackage()
  );

It is the solution.

tiagobbraga · 2020-09-15T22:22:50Z

Modification in the last step using with RN 0.63.2 and React 16.13.1

Instead of

@Override
protected List<ReactPackage> getPackages() {
  return Arrays.<ReactPackage>asList(
    new MainReactPackage(),
    new RNCViewPagerPackage()
  );

this

protected List<ReactPackage> getPackages() {
          @SuppressWarnings("UnnecessaryLocalVariable")
          List<ReactPackage> packages = new PackageList(this).getPackages();
          packages.add(new RNCViewPagerPackage());
          return packages;
        }

i have the same error, RN = 0.60.5, Platform = iOS/Android
And fixed by Manual linking guide, both iOS,Android work fine.

npm i @react-native-community/viewpager

on iOS, adding this to your Podfile:
pod 'react-native-viewpager', :path => '../node_modules/@react-native-community/viewpager'
then
cd ios
pod install

on Android, make the following changes:

android/settings.gradle
include ':@react-native-community_viewpager'
project(':@react-native-community_viewpager').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/viewpager/android')
android/app/build.gradle
dependencies {
   ...
   implementation project(':@react-native-community_viewpager')
}
android/app/src/main/.../MainApplication.java

On top, where imports are:

import com.reactnativecommunity.viewpager.RNCViewPagerPackage;

Add the RNCViewPagerPackage class to your list of exported packages.
@Override
protected List<ReactPackage> getPackages() {
  return Arrays.<ReactPackage>asList(
    new MainReactPackage(),
    new RNCViewPagerPackage()
  );

biomancer · 2021-05-28T16:17:54Z

In my case just adding @react-native-community/viewpager explicitly to dependencies in package.json of my project solved the issue, no manual linking was required after that (RN 0.64.0), same as #72 (comment)

kevinblu · 2021-06-03T02:40:07Z

new RNCViewPagerPackage()

It really worked!!!!!! Thank you 3000!

Little tips: if you use DefaultHardwareBackBtnHandler interface to init your reactActivity, you might need to add RNCViewPagerPackage like this
mReactInstanceManager = ReactInstanceManager.builder() .setApplication(getActivity().getApplication()) ......... .addPackage(new RNCViewPagerPackage()) ....... .build();

troZee · 2021-06-21T11:10:18Z

yarn add @react-native-community/viewpager
react-native link @react-native-community/viewpager
This worked for me. React Native version 0.64.2

You are using wrong package name. Please use this commend yarn add react-native-pager-view. You don't need to link this library, bc cli has autolinking module.

bracketsberlin · 2021-09-08T21:22:10Z

I have the same issue under Android RN 0.64.2.

I am using the component and just migrated to 3.1.1. Once I try displaying the component, I'm getting the following error message:
"RNCViewPager" was not found in the UIManager.

My package.json lists the following packages:

"react-native-pager-view": "^5.4.1",
"react-native-tab-view": "^3.1.1",

As suggested by @troZee , I ran:

yarn add react-native-pager-view
react-native link react-native-pager-view

I'd love to get some pointers - I just can't make it work!

hpardess · 2021-12-20T18:03:34Z

I have the same issue while running my app in Android emulator.

ERROR  Invariant Violation: requireNativeComponent: "RNCViewPager" was not found in the UIManager.
This error is located at:
    in RNCViewPager (at PagerView.tsx:145)
    in PagerView (at createAnimatedComponent.js:242)
    in AnimatedComponent (at createAnimatedComponent.js:295)
    in AnimatedComponentWrapper (at PagerViewAdapter.tsx:123)
    in PagerViewAdapter (at TabView.tsx:79)
    in RCTView (at View.js:32)
    in View (at TabView.tsx:78)

Here is my project dependencies:
"react": "17.0.2",
"react-native": "0.66.4",
"react-native-tab-view": "^3.1.1",

maxizhukov · 2022-01-15T12:43:25Z

Same issue in ios RN 64.1

Furqan02 · 2022-01-16T14:58:57Z

run : npm i react-native-pager-view

scottmas · 2022-01-20T22:04:14Z

Make sure you do pod install and then a full native rebuild after installing react-native-pager-view since it has native dependencies

omarbakr2020 · 2023-01-29T19:59:00Z

This is my solution for this issue, You can check it out

https://stackoverflow.com/a/75277939/10504018

moin-nimblechapps · 2024-03-18T05:51:08Z

Same issue in RN: 73.4

@react-navigation/native-stack": "^6.9.18",
react-navigation/material-top-tabs": "^6.6.12"
"react-native-pager-view": "^6.2.3"
"react-native-tab-view": "^3.5.2"

please help to solve this issue

ferrannp closed this as completed Oct 10, 2019

ferrannp reopened this Oct 10, 2019

ferrannp added the Resolution: Needs Repro This issue could be improved with a demo to reproduce the issue. label Oct 18, 2019

ferrannp closed this as completed Oct 25, 2019

sytolk mentioned this issue Feb 19, 2020

RNCViewPager" was not found in the UIManager. [RN 0.60.6] [Android] abbasmoosavi/react-native-best-viewpager#11

Open

"RNCViewPager" was not found in the UIManager. [RN 0.61.2] [Android] #72

"RNCViewPager" was not found in the UIManager. [RN 0.61.2] [Android] #72

Comments

mistikk commented Oct 10, 2019

Bug

Environment info

ferrannp commented Oct 10, 2019

mistikk commented Oct 10, 2019 • edited

ferrannp commented Oct 10, 2019

baleo-it commented Oct 17, 2019 • edited

mistikk commented Oct 18, 2019

ferrannp commented Oct 18, 2019

superandrew213 commented Oct 25, 2019

ferrannp commented Oct 25, 2019

superandrew213 commented Oct 25, 2019

ferrannp commented Oct 25, 2019

superandrew213 commented Oct 25, 2019

Domtry commented Nov 14, 2019

this is my package.js config

jakajacky commented Nov 20, 2019

android/settings.gradle

android/app/build.gradle

android/app/src/main/.../MainApplication.java

igorbrandao commented Dec 26, 2019

sytolk commented Feb 19, 2020

claezon commented Feb 28, 2020

UnnikrishnanBhargavakurup commented Mar 19, 2020 • edited

olkunmustafa commented May 21, 2020

android/settings.gradle

android/app/build.gradle

android/app/src/main/.../MainApplication.java

tiagobbraga commented Sep 15, 2020

android/settings.gradle

android/app/build.gradle

android/app/src/main/.../MainApplication.java

biomancer commented May 28, 2021 • edited

kevinblu commented Jun 3, 2021

troZee commented Jun 21, 2021

bracketsberlin commented Sep 8, 2021 • edited

hpardess commented Dec 20, 2021 • edited

maxizhukov commented Jan 15, 2022

Furqan02 commented Jan 16, 2022

scottmas commented Jan 20, 2022

omarbakr2020 commented Jan 29, 2023

moin-nimblechapps commented Mar 18, 2024

mistikk commented Oct 10, 2019 •

edited

baleo-it commented Oct 17, 2019 •

edited

UnnikrishnanBhargavakurup commented Mar 19, 2020 •

edited

biomancer commented May 28, 2021 •

edited

bracketsberlin commented Sep 8, 2021 •

edited

hpardess commented Dec 20, 2021 •

edited