Questions tagged [react-native-dropdown-picker]
43 questions
6
votes
3 answers
react-native-dropdown-picker, how to fix the dropdown picker overlay on other component
I have used react-native-dropdown-picker to show multiple dropdown based on Button click. The dropdown showing as overlay on another component and i can't able to pick items. Anyone can help to fix the problem?
Example code:
import * as React from…
Elavarasan r
- 1,055
- 2
- 12
- 22
4
votes
0 answers
How to use dropdown picker inside every FlatList item in react native?
I am using this library to show drop down picker option. It's working fine when i am using it without FlatList (Screenshots attached)
But when i am using it inside FlatList view, picker's children view is going behind next FlatList row's view…
Exigente05
- 2,161
- 3
- 22
- 42
3
votes
1 answer
Dropdown picker placed above ScrollView isn't responding to scroll but ScrollView is
I have placed a Dropdown picker above a ScrollView, when both Dropdown picker and ScrollView is poppulated with data and I'm trying to scroll through the data in Dropdown it instead scrolling the ScrollView in the background.
Infact the Dropdown…
Santanu Roy
- 61
- 7
3
votes
5 answers
react-native-dropdown-picker listed items not showing properly (Overlay)
I have created DropDown picker with the "react-native-dropdown-picker" package all items are listed but it looks transparent on another component. anyone can help me to fix this issue?
Here My Source code:
import React, {useState} from…
Elavarasan r
- 1,055
- 2
- 12
- 22
2
votes
1 answer
react-native-dropdown-picker onChange handler
I am developing an app in React Native Expo which is supposed to work both on mobile devices and on the web. I have a problem with abovementioned library
How should I trigger an action on change of selection in react-native-dropdown-picker? There…
seven
- 1,183
- 14
- 33
2
votes
2 answers
how to password protect dropdown Picker javascript
How can I secure TextEntry={true} to dropdown selected items in React native
const [open, setOpen] = useState(false);
const [value, setValue] = useState(null);
const [items, setItems] = useState([
{label: 'Apple', value: 'apple'},
…
user16718294
2
votes
4 answers
react-native-dropdown-picker scroll inside another scroll is not working
Drop down scroll is not working inside another scroll in react-native-dropdown-picker
I already tried giving
listMode="SCROLLVIEW"
scrollViewProps={{
nestedScrollEnabled: true,
}}
to the as a prop. But still not working.
here is my…
Jeesmon Joy
- 196
- 1
- 2
- 16
2
votes
1 answer
How to resize Model in react-native-dropdown-picker
I have used react-native-dropdown-picker to showed items in Modal. The problem is that the modal showing with full screen of mobile and i can't able to resize it. I tried below code but no luck. Can anyone help to solve the issue?
Example…
Elavarasan r
- 1,055
- 2
- 12
- 22
1
vote
0 answers
How to use DropDownPicker in class component?
This is what I have written so far---
SnackLink
The version of react-native-dropdown-picker is -- 5.4
I am new to react-native
Denton Brewer
- 11
- 3
1
vote
1 answer
How do i customize the label in 'react-native-dropdown-picker'?
I have implemented the react-native-dropdown-picker. It's working fine, but I would like to customize the items in the dropdown list. I cannot find any examples on how to do this - not even on their page...
Specifically, what I'm after is a small…
storm-83
- 31
- 6
1
vote
1 answer
How to decrease the height of the dropdown picker?
I implemented a dropdown picker.I wanted to reduce the height of picker but when I try to reduce the height of picker in container style its reducing the height of view that hold the dropdownpicker,no changes are reflecting on dropdown.How to…
Hisham
- 15
- 5
1
vote
1 answer
How to Show/Hide a component depending on items selected in DropDownPicker in React Native?
I am trying to use 'react-native-dropdown-picker' to select and keep items selected from a DropDownPicker tree.
For the 'Date' item in the list, I want to show the Text "YOU CHOOSE DATE" if and only if Date was selected, and hide the Text if the…
iMikou96
- 90
- 6
1
vote
1 answer
How can I use react-native-dropdown-picker(DropDownPicker) without open, setOpen properties?
const [openDropdown, setOpenDropdown] = useState(false);
{
const handleChange =…
Mingy Woo
- 21
- 2
1
vote
1 answer
How to use DropdownPicker setValue with Formik handleChange or setValueField?
How can i use Dropdown picker setValue with Formik? handleChange or setValueField doesn't work properly. Any suggestions?
const [open, setOpen] = useState(false);
const items = [
{ label: 'Apple', value: 'apple' },
{ label: 'Banana',…
hR_Der
- 11
- 2
1
vote
0 answers
React Native Array, Picker And Flatlist
I'm developing an application using react-native in this application I declare an array to hold the details of the items. Using this array I managed to get data of all the objects inside of the array to a flat list but Instead of displaying all the…
Shanuka
- 23
- 7