0

How does one underline for each character in Flutter? I want to do phone verification and want each line to hold a single character but don't know how to do it (or if it's even possible) with a single TextForm.

Example: enter image description here

Improve this question

2 Answers 2

Reset to default
1

This is a rephrased version of this question: Connecting multiple text fields to act like a single field in Flutter

Flutter package that handles this: https://pub.dev/packages/pin_code_fields

Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

1

Use this :

 TextField( obscureText: true, keyboardType: TextInputType.text, textAlign: TextAlign.center, maxLength: 1, ),

Must Add this In your ThemeData:

ThemeData( primarySwatch: Colors.red, accentColor: Colors.amber,

For Your Case You Can Dow that

Row( children<>[ TextField( obscureText: true, keyboardType: TextInputType.text, textAlign: TextAlign.center, maxLength: 1, ), TextField( obscureText: true, keyboardType: TextInputType.text, textAlign: TextAlign.center, maxLength: 1, ), TextField( obscureText: true, keyboardType: TextInputType.text, textAlign: TextAlign.center, maxLength: 1, ), TextField( obscureText: true, keyboardType: TextInputType.text, textAlign: TextAlign.center, maxLength: 1, ), TextField( obscureText: true, keyboardType: TextInputType.text, textAlign: TextAlign.center, maxLength: 1, ), ] )

For Layout Fixing use Exapand()

Improve this answer

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.