Stack Overflow
Stack Overflow

Questions tagged [react-native-picker-select]

39 questions
4
votes
0 answers

Is it possible to use Ellipsis with RNPickerSelect : react-native-picker-select

I'm using react-native-picker-select, and I want to customize the picker (color and fontWeight). So I set useNativeAndroidPickerStyle={false} but if the width value is longer than my picker, there is no ellipsis, and text seems truncated by the left…
IlanZ93
  • 41
  • 3
3
votes
4 answers

React Native Picker Select: How to auto-select an item but still be able to select others?

I'm using RNPickerSelect in my React Native app. I want to have three options: A B and C. I want A to be selected by default (like how USA is often selected by default in a picker list of countries). Here's what I tried:
gkeenley
  • 6,088
  • 8
  • 54
  • 129
3
votes
1 answer

React Native Picker: Filter Specific and Duplicate Item

I am using React Native Picker. I am calling an API which returns a list of State and City. For now, there are two State: Kuala Lumpur (state: 14) and Selangor (state: 10) state: 14 has two City: Kuala Lumpur (city: 262) and Sungai Besi (city:…
Beep Boop
  • 327
  • 6
  • 30
2
votes
1 answer

How to change direction of expanding of react-native-dropdown-picker

Picker works fine, but when it placed bottom of screen, it suppose to expand items upwards, but still goes down.. I checked to documentation but couldnt find a way? Is there anyone here how to do it? screenshot: Component: …
Mehmet Yener Yılmaz
  • 241
  • 1
  • 6
  • 12
2
votes
1 answer

Showing a picker in native component style in iOS and Android when tapping on a icon component

In my react-native project, I would like to implement a feature that tapping on an icon pops up a native picker component in iOS and Android respectively. Something like this library's effect: But with the linked library, it always default to have…
Leem.fin
  • 40,781
  • 83
  • 202
  • 354
2
votes
2 answers

react-native-picker-select not Working with Parent View {flexDirection:'row'}

I want to use with a in a single row. So, when I make the Parent flexDirection: row, I see only the arrow and no text. Even if I remove the , I don't see any text in the Picker. import React, { Component }…
Exception
  • 2,273
  • 1
  • 24
  • 42
1
vote
0 answers

How can I add placeholder using this Package react-native-picker-select

I am using react-native-picker-select but by default it gives me the placeholder Select an item... how can I change this? And add custom value. you can check this package by clicking HERE
Talha Akbar
  • 462
  • 3
  • 15
1
vote
1 answer

Shows empty data using rn picker select in react native

const [country, setCountry] = useState([]); useEffect(() => { DataService.get(API.API_GET_COUNTRY).then((response) => { console.log('Countries', country); // let data = response.data.items; // …
Akash
  • 29
  • 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
1
vote
1 answer

Can we add SVG icon in Picker.Item?

I am trying to add SVG icons in using react-native-picker/picker library but it doesn't show. Here I am putting a piece of code: (language, index) => { return( +…
Fabio Plaka
  • 138
  • 2
  • 12
1
vote
1 answer

react-native-image-picker: NativeModule.ImagePickerManager is null

I am trying to use react native image picker in visual studio code. Try steps to link image picker "npx react-native link react-native-image-picker" and its linking successfully but when I run my project I got below error : Error:…
sonali bandal
  • 21
  • 1
  • 4
1
vote
0 answers

How to trigger RNPickerSelect' s onValueChange when there is only one item and no placeholder?

I am using React Native Picker Select and I don't know if it's intended to show only one item in Picker but, let's say I have only one item in the items array and no placeholder. How can I trigger onValueChange since there is only one item and no…
Erkin Kurt
  • 652
  • 6
  • 16
1
vote
1 answer

React Native Picker select: are there any callbacks available for Android?

I'm using react-native-picker-select in my React Native app, and the two main callbacks I'm using for iOS are onClose() and onDonePress(). However, these are iOS only. Is there some approach you can use with Android to trigger a function when the…
gkeenley
  • 6,088
  • 8
  • 54
  • 129
1
vote
0 answers

How to change modal background in react-native-picker-select?

I want to try changing the background color of modal from white to black. that's because I'm implementing the dark mode and light mode features
Lukman Hidayah
  • 11
  • 1
1
2 3