flutter otp textfield code example
Example 1: text field flutter
TextField(
onChanged: (value) {
//Do something with the user input.
},
decoration: InputDecoration(
hintText: 'Enter your password.',
contentPadding:
EdgeInsets.symmetric(vertical: 10.0, horizontal: 20.0),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(32.0)),
),
enabledBorder: OutlineInputBorder(
borderSide:
BorderSide(color: Colors.lightBlueAccent, width: 1.0),
borderRadius: BorderRadius.all(Radius.circular(32.0)),
),
focusedBorder: OutlineInputBorder(
borderSide:
BorderSide(color: Colors.lightBlueAccent, width: 2.0),
borderRadius: BorderRadius.all(Radius.circular(32.0)),
),
),
),
Example 2: textfield set value flutter
/// You can use a [TextFormField] instead of [TextField]
/// and use the [initialValue] property. for example:
TextFormField(initialValue: "I am smart")
Example 3: flutter otp input scrren
OtpTextField(
numberOfFields: 5,
borderColor: Color(0xFF512DA8),
showFieldAsBox: true, //set to true to show as box or false to show as dash
onCodeChanged: (String code) {
//handle validation or checks here
},
onSubmit: (String verificationCode){
showDialog(
context: context,
builder: (context){
return AlertDialog(
title: Text("Verification Code"),
content: Text('Code entered is $verificationCode'),
);
}
);
}, // end onSubmit
),