Breaking News: Grepper is joining You.com. Read the official announcement!

Set Up React-Native-Picker-Select

Javasper answered on October 2, 2022 Popularity 9/10 Helpfulness 2/10

answer Set Up React-Native-Picker-Select

Set Up React-Native-Picker-Select

Comment

use npm install react-native-picker-select
Then this code should work:
import React from "react";
import RNPickerSelect from "react-native-picker-select";
import { StyleSheet, Text, View } from "react-native";

export default function App () {
	return (
		<View style={styles.container}>
			<Text>Hello World!</Text>
			<RNPickerSelect
				onValueChange={(value) => console.log(value)}
				items={[
					{ label: "JavaScript", value: "JavaScript" },
					{ label: "TypeStript", value: "TypeStript" },
					{ label: "Python", value: "Python" },
					{ label: "Java", value: "Java" },
					{ label: "C++", value: "C++" },
					{ label: "C", value: "C" },
				]}
			/>
			<Text>Hello world</Text>
		</View>
	);
}

const styles = StyleSheet.create({
	container : {
		flex            : 1,
		backgroundColor : "#fff",
		alignItems      : "center",
		justifyContent  : "center",
	},
});

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: react-native-picker-select set whatever

Link to this answer
Share Copy Link

Contributed on Oct 02 2022

Javasper

0 Answers Avg Quality 2/10

Set Up React-Native-Picker-Select

Contents

More Related Answers

Set Up React-Native-Picker-Select

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.