Repository navigation
Unable to autofill code with sms code #25
Description
Hi there,
First of all - Love your work. This library saved me a lot of time :)
I currently have an issue with it - when I try to "paste" a code using the SMS code autocomplete (when you receive a code via SMS, and you can press on in like other auto complete suggestions), I get the wrong code.
Tried to debug it a bit, and it seems that handlerOnChangeText receives the code one char at a time, but as a whole. for example, if the code is 123456. then the text will be 1 for the first time, 12 for the second, 123 for the third etc.
As a workaround, I've changed text = text[0]; to text = text[text.length - 1]; (and changed maxLength to code length) but this is probably not the best idea..
BTW, tried canPasteCode but as you can understand it didn't solve the issue.
Any ideas?
Thanks!
Activity
retyui commentedon Nov 29, 2018
IOS ?
matanelgabsi commentedon Nov 29, 2018
Oh sorry, yes :)
retyui commentedon Nov 30, 2018
I do not have such devices to test the problem, but no one bothers you to create a PR
retyui commentedon Nov 30, 2018
it is rather strange, just for this feature this flag was developed
gangadhartinmen commentedon Dec 12, 2018
Facing the same problem in IOS when copying through SMS.
Could any one help me, to solve this?
gangadhartinmen commentedon Dec 12, 2018
It is getting pasted in 1st block with 3 dot symbols.
retyui commentedon Dec 19, 2018
#26
retyui commentedon Dec 29, 2018
@gangadhartinmen
Can you try next version
yarn add react-native-confirmation-code-field@nextand tell me Is is work?
retyui commentedon Dec 29, 2018
@matanelgabsi ^
gangadhartinmen commentedon Dec 31, 2018
Thanks. Will test it by today EOD and let you know.
matanelgabsi commentedon Dec 31, 2018
Hi @retyui , tested it now, and it works!
but for some reason this version broke something for me. I can't add a placeholder for the input. I define:
inputProps={{ placeholder: "-", style: { fontSize: 16 }, placeholderTextColor: "#1E2B66" }}Am I missing something?
thank you!
retyui commentedon Dec 31, 2018
@matanelgabsi
Check updated readme https://github.com/retyui/react-native-confirmation-code-field/tree/3.x#how-it-works
gangadhartinmen commentedon Jan 2, 2019
gangadhartinmen commentedon Jan 2, 2019
Thank you so much. Its working.
retyui commentedon Jan 2, 2019
Today I will finish with fix IOS bags and updated documentation
retyui commentedon Jan 3, 2019
Thanks for your feedback! The component got better
mariomurrent-softwaresolutions commentedon Mar 20, 2021
Should this also work for Android?
retyui commentedon Mar 22, 2021
@mariomurrent-softwaresolutions
For the Android platform, you can use an SMS listener, to insert code
mariomurrent-softwaresolutions commentedon Mar 22, 2021
Hmm well this will probably not well with Expo, right?
retyui commentedon Mar 22, 2021
I didn't find API in the docs, Someone requested this feature (see https://forums.expo.io/t/built-in-android-ios-sms-listener/19361/2)
summerkiflain commentedon Apr 1, 2021
How does this thing works with iOS, I am not getting "From Messages XXXX" above may iPhone numeric keyboard. do I need to send my message in some specific format for iOS also?
mariomurrent-softwaresolutions commentedon Apr 1, 2021
Same applies for me
summerkiflain commentedon Apr 1, 2021
I figured this out, you have to have OTP in message text for iOS numeric keyboard to pick it up.
mariomurrent-softwaresolutions commentedon Apr 1, 2021
What does OTP mean?
mateodaza commentedon May 5, 2021
one time password
mariomurrent-softwaresolutions commentedon Apr 12, 2022
So how does your SMS look like that it gets picked up?
Stevemoretz commentedon Oct 19, 2022
Hi, recently Android seems to support this too according to: https://stackoverflow.com/a/71386603/10268067 so you'd need to set autocomplete to sms-otp for android to work the same way as iOS does, have you done this interanlly?