How To Sloved Text Overflowed In Flutter

Contents hide

1 how to sloved Text Overflowed in flutter

Problem Description:

I have added text widget inside row widget.then 2nd text value

Text(
                      widget.leavemodel.reason ?? '',
                      style: TextStyle(
                        fontSize: 16.0,
                      ),

getting 4 pixcel overflowed.how can i sloved this?

code is bello

 Row(
                children: [
                  Text(
                    'Reason :',
                    style:
                        TextStyle(fontSize: 16.0, fontWeight: FontWeight.w600),
                  ),
                  Padding(
                    padding: const EdgeInsets.only(left: 15.0),
                    child: Text(
                      widget.leavemodel.reason ?? '',
                      style: TextStyle(
                        fontSize: 16.0,
                      ),
                    ),
                  ),
                ],
              ),

solution for text overflowed in flutter

Solution – 1

wrap your Text widget with Expanded:

Expanded(
 child: Text(
      'Reason :',
         style:
          TextStyle(fontSize: 16.0, fontWeight: FontWeight.w600),
        ),)

Solution – 2

two ways:

Box Constraints
Wrap widget instead of the row

BEST WAY HERE THOUGH IS TO USE A WRAP WIDGET…

Rate this post