Skip to main content

PickerItem - Picker list form input

Effect demonstration

1. Default effect

const carrierList = [
{label: 'One', value: 1},
{label: 'Two', value: 2},
{label: 'Three', value: 3},
];
...
<PickerItem data={carrierList} />

2. Effect in form

<FormListItem
title="Total driving vehicle weight"
arrow="horizontal"
name="loadType"
required
rules={[{ required: true, message: 'Please select' }]}
>
<PickerItem data={loadTypeData} />
</FormListItem>

API

PropertiesRequiredDescriptionTypeDefault Value
datatrueSelection dataCascadePickerItemProps[] | Array<CascadePickerItemProps[]>[]
cascadefalseWhether to cascade selectionbooleanfalse
colsfalseSelect the number of columnsnumber3
valuefalseselected valueItemValue[]
onChangefalseSelection callback(value?: ItemValue[]) => void
titlefalseSelector titlestring
onClosefalsePop-up window closing event() => void
cancelTextfalseCancel button textstringCancel
okTextfalseConfirm button textstringOK
activeOpacityfalseOpacity when pressednumber0.6
placeholderfalseDefault promptstringPlease select
allowClearfalseWhether to allow clearingbooleantrue
disabledfalseWhether to disablebooleanfalse
stylefalseCustom styleViewStyle