/Javascript/React/React-native-dropdown-picker for form react native

React-native-dropdown-picker for form react native

import React, { useState } from 'react';
import SelectPicker from 'react-native-form-select-picker'; // Import the package
//...
const options = ["Apple", "Banana", "Orange"];
const YourComponent = ({ /* your props */ }) => {
	const [selected, setSelected] = useState();
	return (
		//...

		<SelectPicker
			onValueChange={(value) => {
				// Do anything you want with the value. 
				// For example, save in state.
				setSelected(value);
			}}
			selected={selected}
			>
			
			{Object.values(options).map((val, index) => (
				<SelectPicker.Item label={val} value={val} key={index} />
			))}

		</SelectPicker>

		//...
	)
}

Source: npmjs.com

Similar codes

0 vote290 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React
0 vote254 views1 answer
Bottom tab navigator react native transparent
Javascript React
13 votes266 views4 answers
Passing data in react router history,push
Javascript React
3 votes266 views1 answer
React parameter value from query string
Javascript React
0 vote263 views1 answer
Nested navigation react native
Javascript React
0 vote251 views1 answer
How to pass an id to the route of a seprate file react
Javascript React
-1 vote240 views1 answer
React grid
Javascript React
1 vote284 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote253 views3 answers
Add if condition in map react
Javascript React
1 vote266 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React