Saltar al contenido

¿Cómo dibujar una línea horizontal en widgets de fila de aleteo?

Solución:

Intenta envolverte Column en un Expanded entonces el Divider sabe cuánto espacio ocupar.

Container(
  color: Colors.white,
  child: (Row(
    children: <Widget>[
      // ...
      Expanded(
        child: Column(
          children: <Widget>[
            Text("Book Name"),
            Text("Author name"),
            Divider(
              color: Colors.black
            )
          ],
        ),
      )
    ],
  )),
);

La idea es que coloques tu divider dentro de una columna, mientras que el divisor por defecto es horizontal, por lo que no tiene suficiente espacio para ocupar. Si cambia su height propiedad para el divider puedes verlo claramente.

Si quieres puedes envolver tu divider en un row o tal vez hacer el divider parte del exterior row aunque es posible que tenga que arreglar su alineación y envolverlo en un expanded. También puede envolver la columna en un expandido para que ocupe todo el espacio suficiente para que aparezca el divisor.

Haría el código por ti, pero solo tengo una parte del código de lo que se muestra + no debería ser demasiado difícil. ¡Si necesita más ayuda, hágamelo saber!

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *