/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 vote189 views1 answer
How to make multiple link using react
Javascript React
1 vote208 views1 answer
How to create a button with react
Javascript React
1 vote186 views1 answer
How to use array of object in react
Javascript React
68 votes273 views3 answers
React add inline styles in react
Javascript React
0 vote208 views1 answer
Platform check in react native for status bar color
Javascript React
0 vote190 views1 answer
How to prevent previous radio button active react native
Javascript React
0 vote221 views1 answer
React clone element
Javascript React
8 votes207 views3 answers
Shadown reAct native
Javascript React
14 votes267 views4 answers
React how to update state array
Javascript React
13 votes212 views4 answers
Passing data in react router history,push
Javascript React