Select

Component to select an item between several options.

Import

import { Select, Option } from 'react-native-ficus-ui';

Extends every Box props.

The title of select modal.

Type	Required
string	React.ReactNode

The text message (after title) of select modal.

Type	Required
string	React.ReactNode

The data array object with different options.

Type	Required
any[]	Yes

The value object of selection (array on single object, depends of isMultiple prop).

Type	Required
any	Yes

The render function to render an option, you can use Option component inside it.

Type	Required
(item: any, index: number) => React.ReactElement	Yes

Method to extract an unique key for each option (the component is using a FlatList to display them).

Type	Required
(item: any, index: number) => string	No

Boolean to indicate if the scroll indicator must be shown on options list.

Type	Required
boolean	No

Boolean indicating if we need a submit button to validate the selection.

Type	Required	Default
boolean	No	false

Render function for submit button/component.

Type	Required
() => React.ReactElement	No

Method called when an option is selected/validated.

Type	Required
(value: any) => void	No

The text on submit button.

Type	Required
string	No

Boolean indicating if the user can select multiple options. When this option is enabled, the user must submit the selection.

Type	Required	Default
boolean	No	false