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

See original GitHub issue

RNCPicker was not found in the UIManager
This happened when I moved to latest version 8.0.0

To Reproduce
(I din’t try this in a new project, but here is what I did) Steps to reproduce the behavior:

  1. Update react-native-picker-select to 8.0.0
  2. rm -rf node_modules && yarn cache clean && yarn install
  3. cd ios && pod install
  4. run the IOS build
  5. Launch the open and click on RNPickerSelect component

Expected behavior
To behave like it was in the previous version

Screenshots
Screenshot 2020-08-06 at 02 07 33

Additional details

  • Device: iPhone11
  • OS: iOS13.6
  • react-native-picker-select version: 8.0.0
  • react-native version: 0.61.5

Reproduction and/or code sample

<RNPickerSelect
   placeholder={{ label: this.props.placeholderText, value: null }}
   items={this.props.items}
   onValueChange={this.props.onValueChange}
   style={{ ...this.pickerSelectStyles() }}
   value={this.props.selectedValue}
/>

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:28
  • Comments:55 (8 by maintainers)

github_iconTop GitHub Comments

39reactions
andresloncommented, Aug 30, 2020

I solved running: npm install @react-native-community/picker

npx pod-install

remember to stop your debugging mode and start it again.

34reactions
Maoravitancommented, Aug 24, 2020

I had a similar issue with expo 38.0.8. steps to solve :

  1. expo install @react-native-community/picker instead of npm install @react-native-community/picker version 1.6.0
  2. downgrade to react-native-picker-select: 7.0.0

using:

import RNPickerSelect from 'react-native-picker-select';

export const Dropdown = () => {
    return (
        <RNPickerSelect
            onValueChange={(value) => console.log(value)}
            items={[
                { label: 'Football', value: 'football' },
                { label: 'Baseball', value: 'baseball' },
                { label: 'Hockey', value: 'hockey' },
            ]}
        />
    );
};

*only the exact version 1.6.0 is supported in Expo and a patch release since that is incompatible with current Expo

Read more comments on GitHub >

github_iconTop Results From Across the Web

requireNativeComponent: "RNCPicker" was not found in the ...
`Violation: requireNativeComponent: "RNCPicker" was not found in the UIManager. This error is located at: in RNCPicker (at PickerIOS.ios.js:107)
Read more >
reactjs - Error: Invariant Violation: requireNativeComponent ...
Error : Invariant Violation: requireNativeComponent: "RNCPicker" was not found in the UIManager. Imported NPM Library into project: import { ...
Read more >
"RNCPicker" was not found in the UIManager-React Native
Coding example for the question Error: Invariant Violation: requireNativeComponent: "RNCPicker" was not found in the UIManager-React Native.
Read more >
react-native-picker-select - npm
... see a `Invariant Violation: requireNativeComponent "RNCPicker" was not found in the UIManager` error: # React Native users npm install ...
Read more >
ERROR Invariant Violation: requireNativeComponent ...
Invariant Violation : requireNativeComponent: "RNCWebView" was not found in the UIManager. shell by Grieving Gharial on Jul 31 2021 Comment.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found