How to center column and row item in Flutter?

Question

I have a small currency table. I didn\'t use grid. I used Column and rows. Problem is that items in rows is not showing in center as shown below in the Excel example. What widge

Answer 1

If you want the whole table to be Centered, use the mainAxisAlignment property of Column.

Column

mainAxisAlignment: MainAxisAlignment.center //Center Column contents vertically,
crossAxisAlignment: CrossAxisAlignment.center //Center Column contents horizontally,

Row

mainAxisAlignment: MainAxisAlignment.center //Center Row contents horizontally,
crossAxisAlignment: CrossAxisAlignment.center //Center Row contents vertically,

Answer 2

If you want it to be like in the picture, use

mainAxisAlignment: MainAxisAlignment.spaceEvenly

Answer 3

You can use Spacer if you want fine grain control.

Column(
  children: <Widget>[
    Spacer(), // 1st spacer
    Widget1(),
    Widget2(),
    Spacer(), // 2nd spacer
  ],
)

---

You can change flex too using Spacer(flex:2)