React Native Input Clonable
Create customizable inputs clonables.
Works with Android and iOS.
Demo
Installation
foo@bar:~$ npm install --save react-native-input-clonable
Usage
; // Your code here<MultipleTextInput autoCapitalize='none' textInputPlaceholder='Email' textInputKeyboardType='email-address' textInputs= text: 'first@gmail.com' text: 'second@gmail.com' onAdd= console onRemove= console onChangeText= console maxTextInput=10 inputStyle= fontSize: 14 width: 190 />
Props
prop | type | default | obs |
---|---|---|---|
autoCapitalize | string | none | --- |
textInputPlaceholder | string | null | --- |
textInputKeyboardType | string | null | --- |
textInputs | array | [{text: ""}] | Initial array of inputs. It should be in format {text: "Your input"} |
onAdd | function | () => {} | Function invoked when a input was added |
onRemove | function | (index) => {} | Function invoked when a input has been removed. The callback function comes with index parameter |
onChangeText | function | (input, index) => {} | Function invoked on some input change text. The callback function comes with input and index parameters |
maxTextInput | int | 3 | --- |
inputStyle | object | {} | --- |