Closed appjitsu closed 6 years ago
Thanks for the update. Is there any way to remove the dash? My client wants nothing in the fields if they are pristine.
@appjitsu you can set placeHolder to space.but there is still a space character.
<PinInput
placeHolder={' '}
...
pristine pin value is placeHolder. if the first pin is 1, and fourth pin is 4, if placeHolder is ' ', the result is '1 4', if placeHolder is '-',result is '1--4'. and must have a placeHolder,default is '-'
It's not working for me.
"react-native-pin-input": "^1.2.5"
<PinInput
ref={(input) => { this.pin = input; }}
text=""
pinLength={4}
pinItemStyle={{ width: 50, height: 50, borderWidth: 0, borderBottomWidth: 1 }}
pinItemProps={{ keyboardType: 'number-pad', returnKeyType: 'done', secureTextEntry: true }}
placeholder={' '}
onPinCompleted={(pin) => {
this.setState({ password: pin });
Keyboard.dismiss();
}}
containerStyle={{ backgroundColor: 'transparent' }}
containerPinStyle={{
flexDirection: 'row',
justifyContent: 'space-around',
alignItems: 'center',
marginTop: 20,
}}
/>
@appjitsu my mistake, should be placeholder , not placeHolder
I can confirm that this works. Thanks!