How to add a placeholder text into TextField or TextFormField

This Article is posted by seven.srikanth at 7/28/2018 4:57:19 AM



In flutter you have two different types of text fields, TextField and TextFormField.
Inorder to get a Text inside the TextFIeld or TextFormField, you need to modify your code as below.
For TextField,
 TextField(
            decoration: InputDecoration(
              border: InputBorder.none,
              hintText: 'Please enter a search term'
            ),
          ),    
For TextFormField,
 TextFormField(
            decoration: InputDecoration(
              hintText: "First Name"
            ),
            validator: (value) {
              if(value.isEmpty) {
                return 'Please enter some text';
              }
            },
          ),
Hope this is helpful.

Thanks,

Srikanth


Tags: How to add a placeholder text into TextField or TextFormField in Flutter;








0 Comments
Login to comment.
Recent Comments

Be the first to Comment. You can ask a Query or Share your toughts or Just say thanks.


© 2018 - Fluttercentral | Email to me - seven.srikanth@gmail.com