/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

18 votes260 views6 answers
Export apk react native
Javascript React
0 vote200 views1 answer
React native header height
Javascript React
0 vote195 views1 answer
React native jest snapshot
Javascript React
1 vote204 views1 answer
Interpolation react
Javascript React
0 vote211 views1 answer
React native picker not taaking height on android
Javascript React
0 vote269 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React
0 vote213 views1 answer
React convert table to pdf
Javascript React
1 vote200 views1 answer
Committing in react
Javascript React
1 vote208 views1 answer
Percentage width react native
Javascript React
1 vote187 views1 answer
Import library react js
Javascript React