Question 80194 in Flutter Question posted in
The official Flutter documentation can be found here.

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

Tags:

2

Answers


  1. 0

    Yes you can.

    You have an error in your code, you closed your ListTitle with this ‘}’, replace it with ‘)’.

    Result will be:

    ListTile(
  title: item.title.isNotEmpty
    ? Text(
        item.title,
        maxLines: 1,
      )
    : null,
  subtitle: Text(
    task.text,
    maxLines: 3,
    overflow: TextOverflow.fade,
  ),
)
    Login or Signup to reply.
  2. 0

    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,
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search