/Javascript/React/React native select option

React native select option

Select field in react native

// https://www.npmjs.com/package/react-native-picker-select
// npm install react-native-picker-select

//# React Native users
//npm install @react-native-picker/picker
//npx pod-install

//# Expo
//expo install @react-native-picker/picker
import RNPickerSelect from 'react-native-picker-select';

export const Dropdown = () => {
    return (
        <RNPickerSelect
            onValueChange={(value) => console.log(value)}
            items={[
                { label: 'Football', value: 'football' },
                { label: 'Baseball', value: 'baseball' },
                { label: 'Hockey', value: 'hockey' },
            ]}
        />
    );
};

Source: npmjs.com

React native select option

// use this package easy to use and more flexible 
https://www.npmjs.com/package/react-native-element-dropdown

 yarn add react-native-element-dropdown

Similar codes

0 vote132 views1 answer
Install aos in react
Javascript React
0 vote149 views1 answer
Heroku buildpacks with react
Javascript React
18 votes129 views2 answers
How to store an array in localstorage reactjs
Javascript React
17 votes177 views3 answers
React canvas clear
Javascript React
0 vote135 views1 answer
Text inside an image component react native
Javascript React
0 vote128 views1 answer
Slide hide animaition in react
Javascript React
0 vote153 views1 answer
React js set default route
Javascript React
0 vote229 views1 answer
React version on CMD
Javascript React
1 vote135 views1 answer
React native new project mac
Javascript React
6 votes118 views2 answers
React native indicator
Javascript React