Category : 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 code: import DropDownPicker from ‘react-native-dropdown-picker’; function App() { const [open, setOpen] = ..

Read more

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 ‘react’; import {View, Text, ScrollView, StyleSheet} from ‘react-native’; import DropDownPicker from ‘react-native-dropdown-picker’; import {Button, ..

Read more

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 ‘react’; import {View, Text, Button, ScrollView, StyleSheet} from ‘react-native’; import DropDownPicker from ‘react-native-dropdown-picker’; const App = () => { ..

Read more

I am new to react native. I am trying to create dynamic dropdown picker. in which I want to show value which come from API data. so please help. here is my code {this.state.datax.map( (item ,i) => <DropDownPicker key = {i} style={styles.inputStyle} items={[ {label: (item.id), value: (item.id)}, ]} defaultValue={this.state.nature} containerStyle={{ height: Dimensions.get(‘window’).height / 20.5}} itemStyle={{ ..

Read more

I want to show data from Django Rest Framework into DropDownPicker React-Native (https://github.com/hossein-zare/react-native-dropdown-picker) this is my code: import React, { useState, useEffect } from "react"; import { StyleSheet, View, Text, Image, FlatList, Button, TouchableOpacity } from "react-native"; import client from "./../../api/client"; import DropDownPicker from ‘react-native-dropdown-picker’; const Droplo = ({navigation, route}) => { const [detailha, setDetailha] ..

Read more