Flutter : J'essaie de centrer en bas un élément dans une colonne, mais il reste aligné à gauche

Question

J'essaie de centrer un widget au bas d'une colonne, mais il continue à s'aligner sur la gauche.

return new Column(
  new Stack(
    new Positioned(
      bottom: 0.0, 
      new Center(
        new Container(),
      ),
    ),
  ),
); 

L'existence du positionné force le conteneur vers la gauche, au lieu de le centrer. En revanche, la suppression du positionnement place le conteneur au centre, au milieu.

Answer 1

Aligner est la solution si vous n'avez qu'un seul child .

Si vous en avez plus, envisagez de faire quelque chose comme ça :

return new Column(
  crossAxisAlignment: CrossAxisAlignment.center,
  mainAxisSize: MainAxisSize.max,
  mainAxisAlignment: MainAxisAlignment.end,
  children: <Widget>[
      // Your elements here
  ],
);

Answer 2

La façon la plus simple et la plus correcte de le faire est d'utiliser Spacer().

Exemple :

Column(
    children: [
      SomeWidgetOnTheTop(),
      Spacer(),
      SomeCenterredBottomWidget(),
    ],
);

Answer 3

Expanded(
  child: Align(
    alignment: FractionalOffset.bottomCenter,
      child: Padding(
        padding: EdgeInsets.only(bottom: 10.0),
          child: //Your widget here,
    ),
  ),
),

Answer 4

J'ai utilisé cette approche,

Ce que je veux, c'est un layout toujours en bas mais à chaque fois que le clavier s'affiche, cela layout vient aussi sur elle

body: Container(
        color: Colors.amber,
        height: double.maxFinite,
        child: new Stack(
          //alignment:new Alignment(x, y)
          children: <Widget>[
            new Positioned(
              child: myWidget(context, data.iconName, Colors.red),
            ),
            new Positioned(
              child: new Align(
                alignment: FractionalOffset.bottomCenter,
                child: myWidget(context, data.iconName, Colors.green)
              ),
            )
          ],
        ),
      ),

Answer 5

1) Vous pouvez utiliser un Aligner widget, avec FractionalOffset.bottomCenter .

2) Vous pouvez également définir left: 0.0 y right: 0.0 dans le Positioned .