OTP Entry Control For Xamarin Forms
Otp Entry Control - is a cross-platform plugin for Xamairn Forms that allows you to enter specified length otp.
How To Use
Available on Nuget : https://www.nuget.org/packages/OTPEntryControl/1.0.4
Install this Plugin in your Xamarin Form Project.
Github : https://github.com/mistrypragnesh40/OTPControl
Youtube : https://youtu.be/pdA45xF2G_U
Implementation Example
namespace : xmlns:otpcontrol="clr-namespace:OTPControl;assembly=OTPControl"
<StackLayout>
<Frame BackgroundColor="#2196F3" Padding="24" CornerRadius="0">
<Label Text="Welcome to Xamarin.Forms!" HorizontalTextAlignment="Center" TextColor="White" FontSize="36"/>
</Frame>
<Label Text="Start developing now" FontSize="Title" Padding="30,10,30,10"/>
<otpcontrol:CustomOtpControl FillBorderColor="Orange" EmptyBorderColor="Gray" OtpLength="4" HorizontalOptions="Center" />
</StackLayout>
Property
- OtpLength: You can set the number like 4 digit or 6 digit.
- FillBorderColor: Entered Otp Tint Color.
- EmptyBorderColor: Default Border Color.
- SelectedOtp: This Property will return Entered Otp in Text Format.
Can we have otp more than 6 digit?
ReplyDeleteYes, you can use it.
ReplyDeleteI can increase the side of the code? for example in the entry I could using Size attribute, thansk
ReplyDeleteYes, Use Otp Length attribute.
ReplyDeletesorry, top length attribute , increases the number of entries, but do I need to increase the numeric text than goes there? is it possible to increase the size of the numbers?
ReplyDeletefor example in a normal entry with the FontSize property I can do
ReplyDelete