/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 vote368 views2 answers
Onclick toggle class react
Javascript React
0 vote386 views1 answer
React native stopwatch
Javascript React
15 votes337 views6 answers
React Form
Javascript React
11 votes415 views4 answers
React native text underline
Javascript React
32 votes340 views1 answer
React touter dom
Javascript React
3 votes357 views1 answer
React parameter value from query string
Javascript React
2 votes330 views1 answer
Rn touchableopacity
Javascript React
24 votes326 views6 answers
React map
Javascript React
7 votes323 views2 answers
Hover react
Javascript React
1 vote384 views1 answer
Functional component how to add to existing array react
Javascript React