Flutter text overflow on column widget

Question

I am using row widget in which i am showing text in a column. But issue is its overflow the width of text.

My code

    Padding(
        padding: const EdgeInsets.all(20.0),
        child: Row(
          children: [
            Image.asset(
              'images/[email protected]',
              height: height * 0.045,
            ),
            Padding(
              padding: const EdgeInsets.only(left: 20),
              child: Column(
                children: [
                  Expanded(
                      child: Text(
                    'KMC-216, TOHEED COLONY, SECTOR 11, BLOCK L, ST6, KARACHI, ABC, XYZ, DMG',
                    style: TextStyle(
                      fontSize: 17,
                      fontFamily: 'UbuntuRegular',
                    ),
                  )),
                  SizedBox(
                    height: height * 0.007,
                  ),
                  Text(
                    'Home Adress',
                    style: TextStyle(
                        fontSize: 17,
                        fontFamily: 'UbuntuRegular',
                        color: Colors.grey),
                  ),
                ],
              ),
            )
          ],
        ),
      ),

I want to show text on left and not overflow

Frank Moreno · Accepted Answer · 2021-01-11 08:54:52Z

3

you can wrap all the childrens of your Row in Flexible or Expanded widgets.
Here's a preview:

You can access the preview and code here

edited Jan 11, 2021 at 8:54

Frank Moreno

3421 silver badge8 bronze badges

answered Jan 10, 2021 at 18:28

BLKKKBVSIK

3,6642 gold badges17 silver badges38 bronze badges

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

Collectives™ on Stack Overflow

Flutter text overflow on column widget

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related