title: How to show error text in TextFormField in Flutter below it and not in it
body: <p>I have sign up page where user has to enter info in text form field. I have added validator that field can't be empty or min of 5 or xyz characters should be entered to pass through. My question is how can I make the error message display below the form field rather than in the field. this is the code :</p>
  <pre><code>child: TextFormField(
                                            obscureText: isHidden,
                                            controller: _nameController,
                                            validator: (value) {
                                              RegExp regex = RegExp(r'^.{5,}$');
                                              if (value!.isEmpty) {
                                                return (&quot;Password can't be empty&quot;);
                                              }
                                              if (!regex.hasMatch(value)) {
                                                return (&quot;Minimum of 5 characters Required&quot;);
                                              }
                                              return null;
                                            },
                                            onSaved: (value) {
                                              shopName.text = value!;
                                            },
                                            
                                            decoration: InputDecoration(
                                              border: InputBorder.none,
                                              errorStyle: TextStyle(
                                                  color: Colors.red[400],
                                                  fontWeight: FontWeight.bold,
                                                  fontSize: 13,
                                                  height: 0),
                                              contentPadding:
                                                  EdgeInsets.only(left: 15),
                                              // fillColor: Colors.blueAccent,
                                              suffix: Padding(
                                                padding: const EdgeInsets.only(
                                                    right: 8.0),
                                                child: InkWell(
                                                    onTap: _passwdview,
                                                    child: isHidden
                                                        ? const Icon(
                                                            Icons.visibility,
                                                            color: Colors.blue,
                                                            size: 20,
                                                          )
                                                        : const Icon(
                                                            Icons.visibility_off,
                                                            color: Colors.blue,
                                                            size: 20,
                                                          )),
                                              ),
                                              hintText: 'Enter Password',
                                            ),
                                          ),
  </code></pre>
  <p><a href="https://i.stack.imgur.com/1miou.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1miou.jpg" alt="enter image description here" /></a></p>
  <p>I want something like this : <a href="https://i.stack.imgur.com/ucUcR.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ucUcR.jpg" alt="enter image description here" /></a></p>