1.0.1 • Published 4 years ago

react-native-pay-password v1.0.1

Weekly downloads
13
License
MIT
Repository
github
Last release
4 years ago

react-native-pay-password

English | 中文

Install

$ npm install react-native-pay-password --save

Usage

Export 4 components,if PasswordInput or PasswordModal doesn't meet your needs,you should use InputView and Keyboard to have a try.

PasswordInput(based InputView and Keyboard)

PropertiesDescriptionTypeDefault
clearclear password value when press the password inputbooleantrue
onDonehandler called when input done(value: string) => void-
inputViewPropspassword input function component propsInputViewProps-
keyboardPropskeyborad function component propsKeyboardProps-

PasswordModal(based InputView and Keyboard)

PropertiesDescriptionTypeDefault
clearclear password value when press the password inputbooleantrue
onDonehandler called when input done(value: string) => void-
backdropmodal backdropbooleanfalse
titlemodal titlestring支付密码
headercustom headeReact.ReactNode6
tiptipstring#C7C7C7
tipPropstip propsTextProps-
inputViewPropspassword input function component propsInputViewProps-
keyboardPropskeyborad function component propsKeyboardProps-

InputView(pay password input view)

PropertiesDescriptionTypeDefault
lengthpassword lengthnumber6
valuepassword valuestring-
covercoverboolean-
coverTextpassword cover textstring
styleinput view styleViewStyle-
itemStyleinput item styleViewStyle-
textStylepassword text styleTextStyle-
borderColorborder colorstring#C7C7C7

Keyboard(pay password keyboard)

PropertiesDescriptionTypeDefault
dataSourcescustom data sources,cover the default keyboard(KeyboardItemProps[])[]-
onPresshandler called when press num text(v?: string) => void;-
onDeletehandler called when press delete image() => void;-
stylekeyboard styleViewStyle-
rowStylerow styleViewStyle-

Example

see ./example