React-native-sselect NPM

react-native-sselect

A Customizable React Native Select

Installation

npm  install  react-native-sselect

--- or ---

yarn  add  react-native-sselect

Usage

Currently you have to wrap your form with SelectProvider this will handle to toggle selects when you have more than one.

  

import { Select, SelectProvider } from  'react-native-sselect';

export default function  App() {
	return (
		<View  style={styles.container}>
			<SelectProvider>
				<Select
				name="sample"
				options={[
					{ label: "Option 1", value: "option1" },
					{ label: "Option 2", value: "option2" },
				]} />
			</SelectProvider>
		</View>
	);
}

  

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

Props

Name	Type	Required
name	string	yes
options	{name: string; value: string }[]	yes
onChange	({name: string; value: string }) ⇒ void	yes
defaultValue	{name: string; value: string }
selectedValue	{name: string; value: string }
optionsPlaceholder	string
optionsHeight	number
color	string
backgroundColor	string
placeholder	string
selectedOptionContainerStyle	style
optionsContainerStyle
optionsStyle