Skip to main content
se añadieron 10 caracteres en el cuerpo
Origen Enlace

UPDATE

Mi prueba en Chrome y Android de la opción de @diegoveloper que sube la sombra y se sale por arriba y no es lo que quiero:

Mi prueba en Chrome y Android de la opción de @diegoveloper que sube la sombra y se sale por arriba y no es lo que quiero:

UPDATE

Mi prueba en Chrome y Android de la opción de @diegoveloper que sube la sombra y se sale por arriba y no es lo que quiero:

se añadieron 330 caracteres en el cuerpo
Origen Enlace

Mi prueba en Chrome y Android de la opción de @diegoveloper que sube la sombra y se sale por arriba y no es lo que quiero:

introducir la descripción de la imagen aquí introducir la descripción de la imagen aquí

Mi prueba en Chrome y Android de la opción de @diegoveloper que sube la sombra y se sale por arriba y no es lo que quiero:

introducir la descripción de la imagen aquí introducir la descripción de la imagen aquí

Publicación recuperada por Adularia
Publicación eliminada por Adularia
Origen Enlace

Error en el errorText de un TextFormField en flutter para Android

gracias por leerme. Obtengo este recuadro blanco al mostrar el errorText en un TextFormField:

errorText

Sólo me ocurre en Android, no en Chrome. Y no ocurre siempre, a veces no sale. Otras veces hace un amago de salir medio segundo y se quita. También sale y se va al interactuar con los formularios. He podido comprobar también que si dejo todas las esquinas redondas no da este problema. Es decir, con borderRadius: const BorderRadius.all(Radius.circular(30)), en vez de definir cada esquina.

Éste es el código del widget:

@override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(12.0),
      child: Material(
        color: Colors.transparent,
        elevation: 15.0,
        shadowColor: Colors.white70,
        borderRadius: const BorderRadius.only(
            topRight: Radius.circular(30),
            bottomRight: Radius.circular(30),
            bottomLeft: Radius.circular(30)),
        child: TextFormField(
          controller: controller,
          maxLength: 40,
          decoration: InputDecoration(
            counterText: "",
            fillColor: const Color(0xFFF5EAF3),
            filled: true,
            focusedBorder: const OutlineInputBorder(
              borderRadius: BorderRadius.only(
                  topRight: Radius.circular(30),
                  bottomRight: Radius.circular(30),
                  bottomLeft: Radius.circular(30)),
              borderSide: BorderSide(color: Color(0xFF9b3689)),
            ),
            enabledBorder: const OutlineInputBorder(
              borderRadius: BorderRadius.only(
                  topRight: Radius.circular(30),
                  bottomRight: Radius.circular(30),
                  bottomLeft: Radius.circular(30)),
              borderSide: BorderSide(color: Colors.transparent),
            ),
            errorBorder: const OutlineInputBorder(
              borderRadius: BorderRadius.only(
                  topRight: Radius.circular(30),
                  bottomRight: Radius.circular(30),
                  bottomLeft: Radius.circular(30)),
              borderSide: BorderSide(color: Colors.red),
            ),
            labelText: labelText,
            labelStyle: const TextStyle(color: Colors.black54),
            suffixIcon: controller.text.isNotEmpty
                ? Padding(
                    padding: const EdgeInsetsDirectional.only(end: 10),
                    child: IconButton(
                      onPressed: () => controller.clear(),
                      icon: const Icon(Icons.clear),
                      iconSize: 17,
                      splashRadius: 20,
                      color: Colors.black54,
                    ))
                : null,
          ),
          validator: (value) {
            if (value!.isEmpty) {
              return 'Rellena este campo';
            } else {
              return null;
            }
          },
          onSaved: onSaved,
        ),
      ),
    );
  }