How to add `overflow` to SelectableText in Flutter?

Question

There is SelectableText widget that allows you to make text selectable. But it misses the overflow parameter, which is required...

Is there any workaround, which can make it work? Or a similar solution? Thanks!

If you use 'maxLines' parameter, you can limit vertical spread. — KuKu, Apr 20 '21 at 13:14
@kuku not exactly. it will limit the number of lines, but they will become scrollable, which is terrible... — Andriy Antonov, Apr 20 '21 at 13:47

score 12 · Accepted Answer · answered Feb 08 '22 at 19:17

Just experienced this. The problem is overflow hasn't been made the top level parameter in case of SelectableText as with Text in Flutter which suggests that it must be there, just not as the top level parameter which is true as it is in TextStyle.

Hence, to use overflow in SelectableText, change

SelectableText(
  text,
  overflow: TextOverflow.ellipsis
)

to

SelectableText(
  text,
  style: TextStyle(
    overflow: TextOverflow.ellipsis,
  ),
)

score 1 · Answer 2 · answered Aug 04 '22 at 16:35

Also, remember that when you want the space to expand, you can also use Expanded or Flexible. Hope it helps.

Row(children: [
                  Text('Código de inscrição: '),
                  Expanded(
                    child: SelectableText(club.SignUpCode),
                  )
                ]),

score 0 · Answer 3 · answered Apr 26 '22 at 05:34

In my case above solutions didn't work. I found another solution using ListTile:

ListTile(
    title: SelectableText(
           text,
           toolbarOptions: const ToolbarOptions(
                  copy: true,
                  selectAll: true,
                  cut: true,
           ),
    ),
)

and it worked as overflow: TextOverflow.ellipsis for me

score -1 · Answer 4 · answered Aug 15 '21 at 12:44

-1

If the TextOverflow.clip effect is enough for you this did the trick for me:

SelectableText("My text"
              maxLines: 1,
              scrollPhysics: NeverScrollableScrollPhysics())

answered Aug 15 '21 at 12:44

Andres Sosa Martinez

99
7

How to add `overflow` to SelectableText in Flutter?

4 Answers4