react-native-select-input-as-modal

React Native Select Input

Installation

npm install react-native-select-input-as-modal

yarn add react-native-select-input-as-modal

Usage

import ModalSelectInput from 'react-native-select-input-as-modal';

// ...
const data = [
    {
      value: '1',
      title: 'One',
    },
    {
      value: '2',
      title: 'Two',
    },
];
// ...

<ModalSelectInput
    data={data}
    isVisible={visibleSelect}
    onClose={() => {/* close modal */}}
    label="Select Your data"
    selected={selected}
    onSelect={setSelected}
    returnObject={true}
/>

List of props

Name	Type	Default	Desc
data	Array	Require	Array of objects
isVisible	Boolean	Require	To show select modal modal
onClose	Function	null	Trigger when modal closed by user gesture
backgroundColor	String	#fff	background color of modal
label	String		Label of opened modal
itemText	String	title	The key of data items to user
itemValue	String	value	The value of select box when user select an item
returnObject	Boolean	false	To return whole object when user select it
renderItem	Function		A function that render select item from the parent
selected	Object		Selected value of modal
onSelect	Function		When user select an item this callback triggered, it's return whole object when returnObject is true else it's return object[itemValue]

Run Example

cd example

Android

yarn android

IOS

yarn ios

coming soon

list of methods some props for custom view like wrapper style, renderHeader

Run example

cd example
yarn android

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT