TextFormField显示TextFormField- Flutter内部错误

时间:2020-10-01 20:37:44

标签: flutter validation dart textformfield

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

enter image description here

如图所示,错误消息打扰了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,
            color: iconcolor,
          ),
          hintText: hintText,
          hintStyle: TextStyle(color: hintcolor),
        ),
      ),
    );
  }
}

1 个答案:

答案 0 :(得分:-1)

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