Stack Overflow en español Asked by Darío on November 30, 2020
¿Es posible hacer los bordes redondeados en un ListTile? he intentado con clipRRect y con shape del ListTile y no he logrado hacerlo. Gracias
child: ClipRRect(
borderRadius: BorderRadius.circular(12.0),
child: ListTile(
contentPadding: EdgeInsets.symmetric(vertical: 8, horizontal: 8),
shape: RoundedRectangleBorder(
borderRadius: new BorderRadius.circular(30.0),
),
title: Text(
user.fromFullName,
style: TextStyle(
fontSize: 18,
color: Theme.of(context).colorScheme.mainBlue,
fontWeight: FontWeight.w600,
),
),
Con la ayuda de los maestros pude solucionarlo, tal como dijo Fernando Herrera y diegoveloper ClipRRrect si esta cortando el ListTile (con un color de fondo se ve claro) sin embargo dejaba las esquinas blancas, eso lo solucione envolviendo el ClipRRrect en un Container y dándole el color que quiero. Muchas gracias por su ayuda!
child: Container(
color: Colors.red,
child: ClipRRect(
borderRadius: BorderRadius.circular(12.0),
child: ListTile(
contentPadding: EdgeInsets.symmetric(vertical: 8, horizontal: 8),
tileColor: Colors.blue,
title: Text(
Answered by Darío on November 30, 2020
Sobre el ejemplo que pusiste en tu pregunta, si es posible, te dejo el código, solo necesitas usar el tileColor
para darle el color al tile, el shape
ya no es necesario porque al ponerle color no considera el shape, así que por eso toca usar ClipRRect
.
ClipRRect(
borderRadius: BorderRadius.circular(12.0),
child: ListTile(
tileColor: Colors.blue,
contentPadding: EdgeInsets.symmetric(vertical: 8, horizontal: 8),
title: Text(
'Username',
style: TextStyle(
fontSize: 18,
color: Colors.red,
fontWeight: FontWeight.w600,
),
),
),
),
Prueba y me avisas, te recomiendo mi canal para contenido avanzado de Flutter :) https://youtube.com/diegoveloper
Si no te funciona agrega que versión de Flutter usas, flutter doctor
Answered by diegoveloper on November 30, 2020
si se puede con estas propiedades shape
borderRadius: BorderRadius.circular(18.0),
side: BorderSide(color: Colors.red)
) ```
Deberian verse algo asi(imagen de ejemplo[![introducir la descripción de la imagen aquí][1]][1])
[1]: https://i.stack.imgur.com/ubJDP.png
Answered by Carlos López on November 30, 2020
Creo que si es posible, envuelve el ListTile en un ClipRRect y prueba, ojo que son 2 R's (ClipRRect)
Answered by Fernando Herrera on November 30, 2020
Get help from others!
Recent Questions
Recent Answers
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP