Overlay box when validation occur at the end of textform field in flutter

Question

I want to show a validation message in a overlay box at the nearest of textformfield . Can you help me? I want like this.

Solution

Try below code using Tooltip Widget hope its help to you refer Tooltip Widget here

 TextFormField(
            textCapitalization: TextCapitalization.sentences,
            decoration: InputDecoration(
              border: OutlineInputBorder(),
              labelText: 'Name',
              hintText: 'Card Holder Name',
              suffixIcon: Tooltip(
                message: 'Required',
               
                child: Icon(
                  Icons.info,
                ),
              ),
            ),
          ),

Result of your screen

Comments

[Yeasin Sheikh]

Can you include your code snippet?

[User]

Thank you. I solved this solution by custom tooltip by using overlay.

[User]

It is the correct way. But I want like that image.

[sulli110]

@User can you post your code snippet to show how you used custom tool tip by using overlay

[Ravindra S. Patil]

@sulli110 try to test my answer code