anhnch / react-native-pin-code Goto Github PK
View Code? Open in Web Editor NEWA Pincode component for React Native
License: MIT License
A Pincode component for React Native
License: MIT License
Description:
Currently, the PinCode component displays the PIN entry key positions in ascending order. It would be useful to be able to display locations randomly, making it harder for hackers to guess the PIN.
Proposal:
Add a new randomPositions prop to the PinCode component. This prop should be a boolean which, when set to true, displays the PIN entry key positions randomly.
I don't quite understand how this component works even after reading the docs countless times ? Each time I enter a pin I always get an error text message ("wrong pin") and the input gets reset. I would like to send the pin the user enters whether right or wrong to my server to verify, but the onEnter method doesn't trigger unless "it's the right pin" ??? so how do I go about this ?
I tried changing the font family of the titles (Enter and locked) but they don't seem to pick no matter what i do.
Hi,
if I send the lockedDuration value as 30000 in options, It is still showing default value which is 60000.
First of all - great component, 99% fits exactly what I'm after.
Is there a function that allows the user to cancel out of the PIN ENTER mode? In some similar PIN entry products, the "delete" button would either change to "cancel" if there's no current value for the entered pin, or there would be a specific cancel button that can be triggered to hide the PIN entry component - for example the Cancel button that is visible at the lower-right of the iOS lock screen.
Is there an existing function that would allow for this kind of operation in this component? There's the onSetCancel prop and the onEnter prop, but neither of these seem to be appropriate for if a user wants to simply quit out of the PIN entry screen - they either need to enter the correct PIN (to trigger the onEnter function), or the app would need to be in the SET to get the available onSetCancel option. I can see a possibility of changing the textOptions for the enter mode to {enter:{footerText:"Cancel"}} and using the onReset trigger, but that's obviously not ideal.
Cheers!
it is not possible tto change default value od CancelText.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.