Need help with react-native-label-select?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

xgfe
124 Stars 19 Forks MIT License 26 Commits 10 Opened issues

Description

A react native component used for making multiple choices.

Services available

!
?

Need anything else?

Contributors list

react-native-label-select Build Status Coverage Status

LabelSelect is a component used for making multiple choices. The modal is a checkbox like html.

Example

Usage

npm install --save react-native-label-select
import LabelSelect from 'react-native-label-select';
 {...}}>

<labelselect.label key="{...}" data="{itemA}" oncancel="{func}">selected ItemA</labelselect.label> <labelselect.modalitem key="{...}" data="{itemB}">Item B</labelselect.modalitem>

Properties

LabelSelect

| Prop | Default | Type | Description | | --- | --- | --- | --- | | style | - | object | Specify styles for the LabelSelect | | title | - | string | The title text of the modal | | readOnly | false | bool | is the component readonly | | enable | true | bool | is the component interactive | | enableAddBtn | true | bool | whether to show the add button | | onConfirm | - | function | Triggered when the confirm button of modal is pressed with the newly selected items list passed as the only argument | | confirmText | - | string | Text of confirm button. | | cancelText | - | string | Text of cancelText button. | | customStyle | - | object | You can customize styles of

modal
/
buttonView
/
confirmButton
/
confirmText
/
cancelButton
/
cancelText
by `customStyle. |

LabelSelect.Label

| Prop | Default | Type | Description | | --- | --- | --- | --- | | onCancel | - | function | Triggered when the close button of Label is pressed. | | data | - | any | Data that bind to the Label | | customStyle | - | object | You can customize styles of

text
by `customStyle. |

LabelSelect.ModalItem

| Prop | Default | Type | Description | | --- | --- | --- | --- | | data | - | any | Data that bind to the ModalItem. After confirming the items selected on modal, the data will be passed to the selected list. |

Instance Methods

| Method | Params | Description | | --- | --- | --- | | openModal | - | Open select modal | | cancelSelect | - | Close select modal. Also triggered when the cancel button of modal being pressed. | | customStyle | - | object | You can customize styles of

modalText
/
outerCircle
/
innerCircle
by `customStyle. |

Use

ref
property as a hook to invoke internal methods.
...
this.ref.select.openModal()
this.ref.select.cancelSelect()

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.