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!