How to put two container in a row in flutter?

Question

I Have wrapped two expanded view inside a row but couldn't manage to wrap. its going out of my screen layout.

as a new comer in flutter technology, i appreciate someones help.

Row(
            mainAxisSize: MainAxisSize.max,
            children: [
              Expanded(
                flex: 1,
                child: Row(
                  mainAxisSize: MainAxisSize.max,
                  children: [
                    Image.asset('assets/images/checked.png',height: 24,width: 24,),
                    SizedBox(width: 5,),
                    Text('Gated Security',style: Constant.infoTextStyle,)
                  ],
                ),
              ),
              Expanded(
                flex: 1,
                child: Row(
                  children: [
                    Image.asset('assets/images/checked.png',height: 24,width: 24,),
                    SizedBox(width: 5,),
                    Column(
                      children: [
                        Text('Individual slips and along-side docking',style: Constant.infoTextStyle,textAlign: TextAlign.start,),
                      ],
                    )
                  ],
                ),
              ),
            ],
          ),

Anas Nadeem · Accepted Answer · 2021-09-03 19:05:45Z

1

Add maxLines: null to your Text widget

Also Wrap your Column widget with Expanded

edited Sep 3, 2021 at 19:05

answered Sep 3, 2021 at 18:37

Anas Nadeem

9077 silver badges12 bronze badges

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

2 Comments

Emon Hossain Munna Over a year ago

Still the same :(

Anas Nadeem Over a year ago

try wrapping your Column and Text widgets with expanded

Collectives™ on Stack Overflow

How to put two container in a row in flutter?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related