/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 vote314 views1 answer
React testing library for hooks
Javascript React
0 vote313 views1 answer
React load script after render
Javascript React
0 vote352 views1 answer
Reactjs web3 components
Javascript React
0 vote298 views1 answer
React-native resource android:attr/lStar not found in Android
Javascript React
0 vote335 views1 answer
How to go to settings on next click in react native
Javascript React
0 vote311 views1 answer
React bootstrap navbar align right buttons
Javascript React
1 vote365 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
0 vote380 views1 answer
React set multible attribute values
Javascript React
1 vote317 views1 answer
How to add button react native app.js
Javascript React
0 vote324 views1 answer
How to hide title bar react-navigation
Javascript React