/Javascript/React/Select field in react native

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 vote271 views1 answer
React native-base DatePicker comes up Minimized on iOS Asked
Javascript React
0 vote264 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
3 votes270 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
0 vote283 views1 answer
How to update the react version in next js app
Javascript React
131 votes415 views6 answers
Creating react app
Javascript React
32 votes266 views2 answers
How to routing in react js
Javascript React
0 vote773 views1 answer
Reactjs TypeError: b is undefined
Javascript React
-3 votes255 views1 answer
React native share
Javascript React
4 votes255 views2 answers
React materilize
Javascript React
0 vote266 views2 answers
How to make a search bar in react django
Javascript React