@miidx/rn-simple-picker NPM

rn-simple-picker

Usage

    <SimplePicker  
        animationType="fade"
        label="City"
        selectedValue={this.state.pickerValue}
        onValueSelected={(pickerValue) => this.setState({ pickerValue }) }
        itemTextStyle={{fontSize: 14}}
        data={['Jakarta', 'Surabaya', 'Semarang']}
    />

    <SimplePicker  
        animationType="fade"
        label="City"
        selectedValue={this.state.pickerValue}
        onValueSelected={(pickerValue) => this.setState({ pickerValue }) }
        itemTextStyle={{fontSize: 14}}
        data={[ 
            { value: 'jkt', label: 'Jakarta' },
            { value: 'sby', label: 'Surabaya' },
            { value: 'smg', label: 'Semarang' },
        ]}
    />

Properties

Name	Description	Type	Default Value
animationType	Animation type when opening drop down. `fade` or `sliede`	String	fade
label	Picker label	String
error	Error message to be shown	String
separatorColor	Color for line separator between items	String	`#EEEEEE`
enabledColor	Color for the control when in enabled mode	String	`#2f2f2f`
disabledColor	Color for the control when in disabled mode	String	`#8C8C8C`
cancelCaption	Caption for `cancel` button	String	Cancel
okCaption	Caption for `OK` button	String	OK
disabled	Set the control to disabled mode	boolean	false
itemTextStyle	Style for drop down item text	object	{}
selectedValue	Set or get selected value	string or object
onValueSelected	Callback when user select a value	function
data	items to be selected. Can be array of string or array of object with `label` and `value` fields	array	[]

@miidx/rn-text-button @miidx/rn-text-field react-native-status-bar-height

@infinitebrahmanuniverse/nolb-_mii @everything-registry/sub-chunk-603

5 years ago

5 years ago

5 years ago

5 years ago