Flutter

[Flutter]Textが左寄せor右寄せ出来ない時の対処法

どうもこんにちは。

TextにtextAlign: TextAlign.leftまたはtextAlign: TextAlign.rightを設定しているのに左寄せや右寄せにならない時の対処法について解説していきます。

色々な原因が考えられると思いますが、僕の場合は以下から記す方法で大体解決できました。

では、記事に入っていきます。

Textが左寄せor右寄せ出来ない時の対処法

TextをContainerで囲ってContainerにdouble.infinityを設定してください。

これで、左寄せor右寄せ出来るようになると思います。

余談:上手くいかなったら

何かしら事情が合ってdouble.infinityで上手くいかない場合やwidthを固定のものに出来ない場合は、Rowで囲んでしまうのも手です。

少しコードが汚くなりますが、左寄せまたは右寄せ出来るようになると思います。

というわけで、終わり。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です