TextFormField显示TextFormField- Flutter内部错误

问题描述

如图所示，错误消息打扰了TextField。我正在使用一个父部件的容器来制作一些UI东西，但是这发生了。没有验证消息，它可以正常工作我希望不在TextField下方的错误消息出现，请帮忙。

如图所示，错误消息打扰了TextField。我正在使用一个父部件的容器来制作一些UI东西，但是这发生了。没有验证消息，它可以正常工作。我希望不在TextField下方的错误消息出现，请帮忙。

import 'package:Flutter/material.dart';
import 'package:email_validator/email_validator.dart';

class RoundedTextField extends StatelessWidget {
  final String hintText;
  final IconData iconData;
  final Color hintcolor,iconcolor;
  final bool password;
  final TextEditingController tcontroller;
  final TextInputType tType;

  const RoundedTextField(
      {Key key,@required this.hintText,@required this.iconData,@required this.hintcolor,this.iconcolor,this.password,this.tcontroller,this.tType})
      : super(key: key);

  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;

    return Container(
      margin: EdgeInsets.symmetric(vertical: 10),padding: EdgeInsets.symmetric(vertical: 5,horizontal: 20),width: size.width * 0.8,decoration: Boxdecoration(
        borderRadius: BorderRadius.circular(29),color: Color(0xFFa5b2fc),),child: TextFormField(
        controller: tcontroller,obscureText: password,keyboardType: tType,validator: (String value) {
          bool isValid = EmailValidator.validate(value);
          if (!password) {
            if (!isValid) {
              return "Invalid Email Address";
            }
          }
        },decoration: Inputdecoration(
          suffixIcon: password
              ? (Icon(
                  Icons.visibility,color: iconcolor,))
              : null,border: InputBorder.none,icon: Icon(
            iconData,hintText: hintText,hintStyle: TextStyle(color: hintcolor),);
  }
}

解决方法

在TexformField中使用修饰。包括文字，边框，形状，颜色

dart textformfield validation