Comment centrer l'élément de colonne et de ligne dans Flutter?

Question

J'ai une petite table de devises. Je n'ai pas utilisé de grille. J'utilise Colonne et lignes. Le problème est que les éléments des lignes ne s'affichent pas au centre, comme illustré ci-dessous, exemple Excel. Quel widget dois-je utiliser pour centrer les éléments? Avez-vous besoin d'aide?

Les exemples de codes:

return new Center(
  child: new Column(
    crossAxisAlignment: CrossAxisAlignment.center,
    children: <Widget>[
      new Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          new Padding(
            padding: const EdgeInsets.fromLTRB(15.0, 5.0, 15.0, 5.0),
            child: new Icon(
              Icons.crop_rotate,
              color: Colors.white,
            ),
          ),
          new Padding(
            padding: const EdgeInsets.fromLTRB(15.0, 5.0, 15.0, 5.0),
            child: new Text("STG", style: mainHeadTextStyle),
          ),
          new Padding(
            padding: const EdgeInsets.fromLTRB(15.0, 5.0, 15.0, 5.0),
            child: new Text("EUR", style: mainHeadTextStyle),
          ),
          new Padding(
            padding: const EdgeInsets.fromLTRB(15.0, 5.0, 15.0, 5.0),
            child: new Text("USD", style: mainHeadTextStyle),
          ),
        ],
      ),
      new Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
....
....
....

Answer 1

Vous pouvez utiliser Spacer si vous souhaitez contrôler le grain fin.

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

---

Vous pouvez également modifier flex en utilisant Spacer(flex:2)