/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 vote382 views1 answer
Persian calender for react-native
Javascript React
0 vote371 views1 answer
Zeamster examples react node
Javascript React
26 votes403 views6 answers
React js
Javascript React
20 votes335 views4 answers
Conditional Rendering in React js
Javascript React
18 votes344 views3 answers
How to hide header in react navigation
Javascript React
0 vote358 views1 answer
Detect finishing write react input
Javascript React
0 vote372 views1 answer
Install react-foundation library in react js
Javascript React
1 vote402 views2 answers
React native time range picker
Javascript React
0 vote384 views1 answer
Avoid compressing imagepicker react native
Javascript React
14 votes402 views4 answers
Conditional classname prop react
Javascript React