[Flutter] テキストを揃えたいときの方法3選

Flutterでテキストを左揃え・中央揃え・右揃えにしたいとき、なかなか思ったようにならないことありませんか？
使っているウィジェットによっても言うことを聞くときと聞かないときがあるんですよね...。

いくつか方法があるので、いずれか試してみましょう。

1.TextAlign in Text()

Text(
  "text", 
  textAlign: TextAlign.left //任意のプロパティ
)

最もシンプル。これで解決するならそれがいい。

2.Align（）

Align(
  alignment: Alignment.centerLeft, //任意のプロパティ
  child: Text(...)
)

Text()をAlign()で囲うパターン。

3.Container（）

child: Container(
  alignment: Alignment.centerLeft, //任意のプロパティ
  width: double.infinity,
  child: Text(...)
)

Text()をContainer（）で囲うパターン。
alignment以外に width: double.infinity を設定したほうがいい場合もある。（これを設定するとコンテンツの横幅限界値をスマホ幅に合わせられる）

これら一つだけで解決できる場合もあれば複数組み合わせで解決する場合もあるので、お試しください！

Alignやalignmentの使い分けは、手を動かした量で身についていきます。基礎から通して学べる場として、AIプログラミングスクールSiiDがあります。

AIプログラミングスクール「SiiD」について

AIプログラミングスクール「SiiD」は、未経験からITエンジニア転職を目指す方向けのオンラインスクールです。

SiiDの特徴

• 現役エンジニアでYouTube登録者約13万人の「セイト先生」が代表兼主任講師
• 採用側の実務知見（2,000人以上の選考・150名以上のエンジニア採用）にもとづく指導
• 生成AIを取り入れた学習設計と、実務レベルのフルスタックWeb開発スキル
• Workship CAREER（株式会社GIG）と連携した無料の転職伴走支援
• 経済産業省認定のReスキル講座で、給付金の条件を満たせば実質105,600円〜
• 学割あり（35%オフ）

こんな方におすすめ

• 未経験・文系・社会人からITエンジニア転職を本気で目指したい方
• 独学に限界を感じている方
• 費用を抑えながら実務スキルと転職サポートを両立したい方

「未経験だから」とあきらめる必要はありません。採用する側を知り尽くしたプロが、給付金で負担を抑えながら内定まで伴走します。