1. ホーム
  2. flutter

[解決済み] Flutter Columnで項目を下中央に配置しようとすると、左揃えになる

2023-04-02 10:32:50

質問

ウィジェットをColumnの下部に配置したいのですが、左寄せになってしまいます。

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

Positionedの存在により、Containerは中央に配置されるのではなく、左側に強制的に配置されます。しかし、Positionedを削除すると、Containerは中央の真ん中に置かれます。

どのように解決するのですか?

整列 が1つしかない場合は、この方法がお勧めです。 child .

もっと多い場合は、このような方法を検討してください。

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