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!
-
I think that all text should be shown to select text.KuKu– KuKu2021-04-20 13:10:51 +00:00Commented Apr 20, 2021 at 13:10
-
If you use 'maxLines' parameter, you can limit vertical spread.KuKu– KuKu2021-04-20 13:14:13 +00:00Commented Apr 20, 2021 at 13:14
-
1@kuku not exactly. it will limit the number of lines, but they will become scrollable, which is terrible...Andriy Antonov– Andriy Antonov2021-04-20 13:47:02 +00:00Commented Apr 20, 2021 at 13:47
Add a comment
|
4 Answers
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,
),
)
Comments
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),
)
]),
Comments
If the TextOverflow.clip effect is enough for you this did the trick for me:
SelectableText("My text"
maxLines: 1,
scrollPhysics: NeverScrollableScrollPhysics())
Comments
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
