/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

2 votes345 views2 answers
Import lodash react
Javascript React
9 votes311 views2 answers
React select options
Javascript React
0 vote370 views1 answer
React grid generator
Javascript React
0 vote332 views1 answer
React hooks component re render when button press
Javascript React
1 vote352 views1 answer
How to insatll react-router-dom
Javascript React
0 vote319 views1 answer
How to add a key in a react element
Javascript React
0 vote335 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript React
66 votes299 views6 answers
Routing react
Javascript React
133 votes488 views6 answers
Using bootstrap with react
Javascript React
0 vote331 views1 answer
React native carriage return
Javascript React