Search code examples
flutterdartflutter-layout

Flutter ListTile with empty title - is it possible?


I want to have ListTile widget that sometimes has title as null, e.g.:

ListTile(
  title: item.title.isNotEmpty
    ? Text(
        item.title,
        maxLines: 1,
      )
    : null,
subtitle: Text(
        task.text,
        maxLines: 3,
        overflow: TextOverflow.fade,
      ),
}

If the title is null, it stays there as an empty space, which causes entire widget to look ugly.

On the other hand, if the subtitle is null, it nicely collapse.

enter image description here


Solution

  • You can place the subtitle text on title place when title is empty.

    ListTile(
      title:Text(
            item.title.isNotEmpty? item.title : task.text,
            maxLines: 1,
          ), 
      subtitle: item.title.isNotEmpty? Text(
            task.text,
            maxLines: 3,
            overflow: TextOverflow.fade,
          ): null,
    }