Invariant Violation: requireNativeComponent: "RNCPicker" was not found in the UIManager.

Bug

I am unable to get this to work. I'm receiving the following error

`Violation: requireNativeComponent: "RNCPicker" was not found in the UIManager.

This error is located at:
in RNCPicker (at PickerIOS.ios.js:107)
in RCTView (at View.js:35)
in View (at PickerIOS.ios.js:106)
in PickerIOS (at Picker.js:142)
in Picker (at edit-exercise.modal.tsx:54)
in EditExerciseModal (created by inject-with-exerciseStore(EditExerciseModal))
in inject-with-exerciseStore(EditExerciseModal) (at SceneView.js:9)
in SceneView (at StackViewLayout.tsx:909)
in RCTView (at View.js:35)
in View (at createAnimatedComponent.js:151)
in AnimatedComponent (at StackViewCard.tsx:106)
in RCTView (at View.js:35)
in View (at createAnimatedComponent.js:151)
in AnimatedComponent (at screens.native.js:71)
in Screen (at StackViewCard.tsx:93)
in Card (at createPointerEventsContainer.tsx:95)
in Container (at StackViewLayout.tsx:984)
in RCTView (at View.js:35)
in View (at screens.native.js:101)
in ScreenContainer (at StackViewLayout.tsx:393)
in RCTView (at View.js:35)
in View (at createAnimatedComponent.js:151)
in AnimatedComponent (at StackViewLayout.tsx:383)
in PanGestureHandler (at StackViewLayout.tsx:376)
in StackViewLayout (at withOrientation.js:30)
in withOrientation (at StackView.tsx:104)
in RCTView (at View.js:35)
in View (at Transitioner.tsx:267)
in Transitioner (at StackView.tsx:41)
in StackView (at createNavigator.js:80)
in Navigator (at createKeyboardAwareNavigator.js:12)
in KeyboardAwareNavigator (at SceneView.js:9)
in SceneView (at StackViewLayout.tsx:909)
in RCTView (at View.js:35)
in View (at createAnimatedComponent.js:151)
in AnimatedComponent (at StackViewCard.tsx:106)
in RCTView (at View.js:35)
in View (at createAnimatedComponent.js:151)
in AnimatedComponent (at screens.native.js:71)
in Screen (at StackViewCard.tsx:93)
in Card (at createPointerEventsContainer.tsx:95)
in Container (at StackViewLayout.tsx:984)
in RCTView (at View.js:35)
in View (at screens.native.js:101)
in ScreenContainer (at StackViewLayout.tsx:393)
in RCTView (at View.js:35)
in View (at createAnimatedComponent.js:151)
in AnimatedComponent (at StackViewLayout.tsx:383)
in PanGestureHandler (at StackViewLayout.tsx:376)
in StackViewLayout (at withOrientation.js:30)
in withOrientation (at StackView.tsx:104)
in RCTView (at View.js:35)
in View (at Transitioner.tsx:267)
in Transitioner (at StackView.tsx:41)
in StackView (at createNavigator.js:80)
in Navigator (at createKeyboardAwareNavigator.js:12)
in KeyboardAwareNavigator (at SceneView.js:9)
in SceneView (at SwitchView.js:12)
in SwitchView (at createNavigator.js:80)
in Navigator (at createAppContainer.js:430)
in NavigationContainer (at root-component.tsx:73)
in RCTView (at View.js:35)
in View (at createAnimatedComponent.js:151)
in AnimatedComponent (at react-native-safe-area-view/index.js:163)
in SafeView (at withOrientation.js:54)
in withOrientation (at root-component.tsx:71)
in BackButtonHandler (at root-component.tsx:70)
in MobXProvider (at root-component.tsx:69)
in RootComponent (at renderApplication.js:40)
in RCTView (at View.js:35)
in View (at AppContainer.js:98)
in RCTView (at View.js:35)
in View (at AppContainer.js:115)
in AppContainer (at renderApplication.js:39)`

Environment info

OS: macOS 10.14.6
CPU: (8) x64 Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz
Memory: 18.22 MB / 16.00 GB
Shell: 3.2.57 - /bin/bash

Binaries:
Node: 12.12.0 - /usr/local/bin/node
Yarn: 1.19.1 - /usr/local/bin/yarn
npm: 6.11.3 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
IDEs:
Android Studio: 3.5 AI-191.8026.42.35.6010548
Xcode: 11.2/11B52 - /usr/bin/xcodebuild
npmPackages:
@react-native-community/cli: ^2.9.0 => 2.9.0
react: 16.8.6 => 16.8.6
react-native: 0.60.5 => 0.60.5
npmGlobalPackages:
react-native-cli: 2.0.1

Describe what you expected to happen:

I expected the spinner to show but i received this error. I used the sample code in the readme

Hi,
The same here. It is working on android but on iOS it returns the error.
I am using expo 34.

Hi, it will be great if you could share some demo project or expo link, where this is reproducible.

Same issue here. Expo SDK 36

Restart your simulator after pod install

Restart your simulator after pod install

Same error.
I tried this and it still doesn't work for me.

Getting this as well. Ejected from expo a month ago.

Hi there. Any news regarding this issue?

Picker component is indeed deprecated but still exists in the react-native core repository. Until the picker component is fully removed from the core, usage of react-native-picker on a managed workflow of expo will probably not be supported.

If you are using bare workflow with expo eject, you may need to run pod install to install this package for iOS.

Picker component is indeed deprecated but still exists in the react-native core repository. Until the picker component is fully removed from the core, usage of react-native-picker on a managed workflow of expo will probably not be supported.

If you are using bare workflow with expo eject, you may need to run pod install to install this package for iOS.

Any idea when this will happen?

In XCode, in the project navigator, select your project. Add libRNCPicker.a to your project's Build Phases ➜ Link Binary With Libraries
Then Build your project

In XCode, in the project navigator, select your project. Add libRNCPicker.a to your project's Build Phases ➜ Link Binary With Libraries
Then Build your project

I suppose this is for ejected projects. Mine was non-ejected expo project.

Same issue here. Using Expo SDK 37.

Getting this issue on iPhone XS, Expo SDK 37.

Same here Expo SDK 37

Same problem Expo SDK 37

On RN 66.3 I solved this problem in my project by adding this to my Podfile:

target 'ProjectName' do
  config = use_native_modules!

  # ...
  pod 'RNCPicker', :path => '../node_modules/@react-native-picker/picker'
  # ...
end

Thanks It working

Is anybody here experienced in using this library in the new expo custom dev clients? We are getting "RNCPicker" was not found in the UIManager when trying to use the library, it works fine in Expo Go (SDK 44)

@MorenoMdz

Is anybody here experienced in using this library in the new expo custom dev clients? We are getting "RNCPicker" was not found in the UIManager when trying to use the library, it works fine in Expo Go (SDK 44)

@MorenoMdz -- Had to use expo update

@MorenoMdz

Is anybody here experienced in using this library in the new expo custom dev clients? We are getting "RNCPicker" was not found in the UIManager when trying to use the library, it works fine in Expo Go (SDK 44)

@MorenoMdz -- Had to use expo update

Hey, thanks for the response! What we had to do here was create a new iOS simulator build to use in the dev client.

What we had to do here was create a new iOS simulator build to use in the dev client.

It was a similar solution for me on Android:

expo install @react-native-picker/picker (2.2.1, per package.json)
eas build --profile development --platform android (where the "development" profile has "developmentClient"; true and "android.buildType": "apk")
adb install "path/to/devBuild.apk" (physical device)
expo start --clear --dev-client

I solved it by:

First, run npm install react-native-picker-select
Then run npm install @react-native-picker/picker
pod install

ll @react-native-community/picker

This is deprecated!!!

I had this issue just pop up. I realize that

When using expo go there is no issue as expo go seems to have this installed by default, that is @react-native-picker/picker
If using a dev build I needed to install it manually "npx expo install "@react-native-picker/picker", rebuild the project and that worked.

I'm still getting this error as well. I have tried just about all tips in this thread as well. Any new leads on what might be the issue?

@Ant1N

I had this issue too and finally found a solution.

I am running Expo SDK 49 and @react-native-picker/picker v 2.4.10 with a managed Expo workflow.

The picker was working great in Expo Go on iOS simulator and on my physical iPhone. Then was working great when I tested in a staging branch with eas updates. The problem I faced was the app would crash after I clicked on the page that was using the picker in production. After a few hours of tests the solution that I found was to create a new development build with EAS Build. After the build was uploaded to TestFlight, I again tested the Picker and it finally worked.

Hopefully this helps for people and @Ant1N.

This seems to be an issue with 2.6.0+ versions, I rolled back to the 2.5.1 version and the pod issue seems to be resolved.

I solved it by:

First, run npm install react-native-picker-select

Then run npm install @react-native-picker/picker

pod install

thanks this works.

For expo projects, please run
expo install @react-native-picker/picker

For bare projects, please run
npm install @react-native-picker/picker
then run
pod install
for iOS projects.

Navigation Menu

Repository navigation

Invariant Violation: requireNativeComponent: "RNCPicker" was not found in the UIManager. #45

Bug

Environment info

48 remaining items

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Invariant Violation: requireNativeComponent: "RNCPicker" was not found in the UIManager. #45

Description

Bug

Environment info

Activity

freeworlder commented on Jan 11, 2020

jainkuniya commented on Jan 11, 2020

alexhoo commented on Jan 17, 2020

flatcoke commented on Jan 20, 2020

emmanuel-cbqa commented on Feb 13, 2020

john-harding commented on Feb 18, 2020

cornelRaiu commented on Mar 15, 2020

Naturalclar commented on Mar 17, 2020

sebastianknopp commented on Apr 24, 2020

JiaqiGuo commented on Apr 26, 2020

freeworlder commented on May 1, 2020

tills98 commented on May 6, 2020

karimcambridge commented on May 7, 2020

SixStringsCoder commented on May 11, 2020

mutavdzicm commented on May 12, 2020

48 remaining items

Stephen-L-Wang commented on Nov 29, 2021

MorenoMdz commented on Mar 19, 2022

kennyho-ml commented on Mar 23, 2022

MorenoMdz commented on Mar 23, 2022

Rukt commented on May 16, 2022

Saalim95 commented on Jan 30, 2023

shreyvijayvargiya commented on Aug 9, 2023

janusqa commented on Sep 4, 2023

Ant1N commented on Sep 19, 2023

AlexKenny6 commented on Dec 1, 2023

JJSLIoT commented on Jan 30, 2024

ReMuSoMeGA93 commented on Feb 2, 2024

ArunKumar-webdev commented on Jun 9, 2024

Naturalclar commented on Jun 10, 2024

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions