Is it possible to set a border for ListTile? (Flutter)

user_10063057 0
Viewed 9669

How to set a border for ListTile widget? Here is no property "decoration" for it in docs. So I can't apply border for this element as usual. I also can't wrap ListTile's properties like title, subtitle, leading, trailing in Container because it doesn't work. However it could be really strange if here is no any cunning way to style ListTile with a border...

flutter styling
3 Answers

ListTile has "shape" property. To add border you can simply add this line of code. There is no need to wrap it in card or container.

 shape: RoundedRectangleBorder(
    side: BorderSide(color: Colors.black, width: 1),
    borderRadius: BorderRadius.circular(5),
  ),

Happy coding...

user_90064470 
const ListTile(
    leading: Icon(
        Icons.question_answer_outlined,
        color: Colors.blue,
        size: 25,
    ),
    title: Text('TEXTO'),
    trailing: Icon(
        Icons.arrow_forward_ios,
        color: Colors.black26,
        size: 15,
    ),
    shape: Border(
        bottom: BorderSide(),
    ),
),
user_198476020

Try below code.

        Card(
              shape: RoundedRectangleBorder(
                side: BorderSide(
                  color: Colors.green.shade300,
                ),
                borderRadius: BorderRadius.circular(15.0),
              ),
              child: ListTile(
                leading: Text('Name'),
                title: Text('Username'),
              ),
            ),
user_139972100
Related