Text overflow in Flutter App in InputDecoration

Question

I am using InputDecoration to put a hint text in Flutter App. But when I run the app, the text overflown which is not I want as it does not help the user to do it.

decoration: InputDecoration(
    contentPadding: EdgeInsets.fromLTRB(10, 0, 10, 0),
    hintText: 'Enter in numbers (gram)',
    helperText: 'Select teaspoon or tablespoon and click "Calculate" button for Water',
    border: OutlineInputBorder(),
    icon: Icon(Icons.send),
),

I have tried to use Text function at helperText but it has error where Text argument cannot be converted into String. I would prefer to do in InputDecoration rather than using Text function separately. Thanks in advance

@s_erfani - Yes, I want the text to appear in 2 lines so that it does not overflown. Bensal - I will consider it because I want to put instruction to user when they first using it — Kuchiki Nad
– Kuchiki Nad, Commented Apr 20, 2021 at 2:52

s_erfani · Accepted Answer · 2021-04-20 07:55:05Z

2

You can add helperMaxLine:

InputDecoration(
            contentPadding: EdgeInsets.fromLTRB(10, 0, 10, 0),
            hintText: 'Enter in numbers (gram)',
            helperText: 'Select teaspoon or tablespoon and click "Calculate" button for Water',
            helperMaxLines: 2,
            border: OutlineInputBorder(),
            icon: Icon(Icons.send),
          ),

answered Apr 20, 2021 at 7:55

s_erfani

4945 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Text overflow in Flutter App in InputDecoration

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related