how to trim text in textformfield if very long text like overflow.ellipse in Text?

Question

do you want to trim text till end or you want ellipse feature like android native?? — DeePanShu, Oct 07 '21 at 09:29
just trim to show in TextField but actual text not trim ... because if line > 1 will be overflow .. so i want trim ellipse to fix overflow @DeePanShu — Afdal, Oct 07 '21 at 09:37
i've try maxLine = 1 .. but, is not trim ... i can scroll horizontall in TextField to see long text @JigneshPatel — Afdal, Oct 07 '21 at 09:38
did you tried this: https://stackoverflow.com/a/62737859/10954249 — DeePanShu, Oct 07 '21 at 09:41
i've try.. is not trim.. but, i see height of TextField 2 and i can scroll vertical — Afdal, Oct 07 '21 at 09:48
https://github.com/flutter/flutter/issues/62963 : no solution set for this, you have to make your custom TextInputField — DeePanShu, Oct 07 '21 at 09:51

score 0 · Answer 1 · answered Oct 07 '21 at 17:17

Reading your question and the comments, it looks like the problem you have might be related to layouts, rather than the Text widget itself.

You need to make sure your Text widget has a bounded width, for example, you can use Expanded to make it fill all remaining spaces in Row:

Row(
  children: [
    Expanded( // won't work if you remove the `Expanded` here
      child: Text(
        'lorem ipsum ' * 20,
        overflow: TextOverflow.ellipsis,
      ),
    ),
    ElevatedButton(
      onPressed: () {},
      child: Text('Button'),
    ),
  ],
),

Comparison with and without the Expanded widget in the above code:

Similarly, you can use SizedBox or any other methods, to make sure the Text widget has a finite width.

how to trim text in textformfield if very long text like overflow.ellipse in Text?

1 Answers1