How to Align content inside a Column Widget to its center or center of the screen?

This Article is posted by seven.srikanth at 10/21/2019 1:41:11 AM

Hope you are looking to achieve the below. ![](https://fluttercentral.com/Uploads/40ebc946-891c-4522-b933-a230c08f482a.PNGwidth="50%height="auto]( You can do this by using mainAxisAlignment. color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre-wrap;](mainAxisAlignment: color: #4ec9b0;](MainAxisAlignment.center, Here is a detailed example class, color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;](color: #569cd6;](class color: #4ec9b0;](Welcome color: #569cd6;](extends color: #4ec9b0;](StatelessWidget { color: #569cd6;](@override color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext context) { color: #c586c0;](return color: #4ec9b0;](Scaffold( body: color: #4ec9b0;](Center( child: color: #4ec9b0;](Column( mainAxisAlignment: color: #4ec9b0;](MainAxisAlignment.center, children: [ color: #4ec9b0;](Text(color: #ce9178;]('Title Text'), color: #4ec9b0;](Text(color: #ce9178;]('Description Text'), ], ), ) ); }} Thanks,Srikanth

Tags:



0 Comments
Login to comment.
Recent Comments

Be the first to Comment. You can ask a Query or Share your toughts or Just say thanks.




© 2018 - Fluttercentral | Email to me - Seven.srikanth@gmail.com