flutterflutter-layouttextformfield

How do I remove margin above error text in TextFormField?


Could anyone help me? I am struggling to remove margin in TextFormField.

Click here to see the screenshot

Below is the code.

class TextFieldItemTemp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return TextFormField(
      decoration: InputDecoration(
        isDense: true,
        errorText: 'This field is required',
        contentPadding: EdgeInsets.zero,
        filled: true,
        fillColor: Colors.white,
        errorBorder: UnderlineInputBorder(
          borderSide: BorderSide(color: Colors.red, width: 3.0),
        ),
        border: UnderlineInputBorder(
          borderSide: BorderSide(color: Colors.red, width: 3.0),
        ),
      ),
    );
  }
}

Solution

  • You can add errorStyle: TextStyle(height: 0.7), to InputDecoration.