/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

-2 votes369 views1 answer
Setting up a React Environment
Javascript React
0 vote340 views1 answer
Module not found: Can't resolve '@date-io/date-fns' in 'C:\Users\61455\Documents\React apps\mya2o\src\pages'
Javascript React
4 votes356 views1 answer
External site links in react Link
Javascript React
16 votes276 views1 answer
How to insern an image in react
Javascript React
0 vote336 views1 answer
React setstate in another component
Javascript React
5 votes369 views1 answer
Redirect in netlify react
Javascript React
0 vote404 views1 answer
Show uploaded image in react/nextjs
Javascript React
0 vote335 views1 answer
Debug react routes
Javascript React
5 votes350 views1 answer
Import react dom
Javascript React
0 vote346 views1 answer
Url in listitem react
Javascript React