Questions tagged [react-native-picker]
27 questions
5
votes
3 answers
Invariant Violation: Picker has been removed from React Native
ERROR Invariant Violation: Picker has been removed from React Native.
It can now be installed and imported from
'@react-native-picker/picker' instead of 'react-native'.
See https://github.com/react-native-picker/picker
ERROR Invariant Violation:…

MobileGeek
- 2,462
- 1
- 26
- 46
2
votes
2 answers
react-native-modal-datetime-picker showing only current date
I'm using react-native-modal-datetime-picker in my React Native app on iOS, and when the modal pops up, instead of having a range of dates to scroll through, it shows only the current date:

gkeenley
- 6,088
- 8
- 54
- 129
2
votes
1 answer
how can I can change background color of dropdown in React-native-picker and not able to change that(currently showing grey). So how can I?
I am not able to change the background colour of dropdown in react-native-picker and its currently showing grey. I am using https://www.npmjs.com/package/@react-native-picker/picker

Pradeep Pant
- 21
- 3
1
vote
0 answers
Creating A Placeholder For The Picker Component - React Native
I am creating a placeholder for my picker component. I want the text to appear in grey when the picker component is first rendered and no option is selected. It should not appear as one of the options.
I tried using a normal Picker.item component…

jay shah
- 31
- 7
1
vote
0 answers
How can I use react-native-picker horizontally?
Hi i want to use https://github.com/react-native-picker/picker library horizontally. I also found some picker libraries that can be used horizontally but none of them works as stable as this native picker. I tried to give style transform rotate 90…

Eren Talan
- 51
- 3
1
vote
2 answers
How can I use react-native-picker to display content on the page depending on the current value of the picker?
I am trying to use react-native-picker in my project and recently came across this Expo Snack: https://snack.expo.dev/HkM_BcGBW
I want to display content on the page depending on the current value of the picker. For instance, some text right below…

KLG
- 173
- 1
- 12
1
vote
1 answer
Picker.Item undefined react native
I implemented https://github.com/react-native-picker/picker in my project as a my own component.
To have dynamic number of items in picker I decided to do something like this with MyPicker.Item:
import { MyPicker } from…

Karol Wiśniewski
- 378
- 4
- 15
1
vote
1 answer
Attempted import error: 'createElement' is not exported from 'react-native'. @react-native-picker/picker/js/Picker.web.js
Following error is being thrown while trying to use @react-native-picker/picker in a react-native-web application.
package.json dependencies include:
"@react-native-picker/picker": "^1.16.1",
"babel-plugin-react-native-web":…

Rajesh Marotu
- 61
- 1
- 6
1
vote
0 answers
React Native Picker Select: What defines clickable area?
I'm using react-native-picker-select and sometimes when I click it, it doesn't open the picker. There are a few different style properties, but I'm wondering which one, if I apply borderWidth: 1 to it, will enclose the area that is clickable, and…

gkeenley
- 6,088
- 8
- 54
- 129
1
vote
0 answers
Two views named RNCPicker / Yarn: how to share dependency between dependencies?
I'm building a React Native app, where I'm running into the following issue: the package @react-native-picker/picker is being included by two different node modules. Because of this I run into the error:
tried to register two views with the same…

Thijs
- 587
- 5
- 16
0
votes
0 answers
Change picker font size on react-native-picker/picker lib
I am trying to change the font size of the picker text itself (the button on which one clicks to get the modal opened) on the lib @react-native-picker/picker but cannot find a way to do it. There are a lot of issues raised on Stack Overflow about…

mdc123
- 196
- 1
- 10
0
votes
2 answers
react native picker won't use custom fonts
How do I get to make React native Picker use Poppins-Medium Font?
Been trying to make it work, but No, Its not responding as expected. I am using Android Studio, just that the font, does not respond as supposed.
Here is my source code snippet.

Mike
- 167
- 2
- 10
0
votes
1 answer
React Native Element Dropdown, Passing Dropdown selected value to parent component
I'm attempting to pass the value selected from the child component dropdown picker to the parent component and store it into formik. but I cant seem to figure it out.
Github react-native-element-dropdown package used:…

james hoy
- 5
- 1
- 5
0
votes
1 answer
how to change react native android picker background
All of them work except the background, but I couldn't get the background color to work. All I want is #000 for the background, but no matter what I tried, colorBackround popupBackround etc. I tried all of them but it didn't work. Everyone on the…

Okay Beydanol
- 23
- 6
0
votes
0 answers
react-native-picker won't populate data on edit form
I'm using react-native-web and for the Native side, I'm using import { Picker } from '@react-native-picker/picker'
I'm using a reusable form modal for create and edit. On web, the data populates just fine but on iOS for example, the drop downs don't…

Demian Sims
- 871
- 1
- 14
- 29