【Flutter】Textの配置を左寄せ・中央寄せ・右寄せに変更する

Text の配置を変更する方法を紹介します。

今回はTexttextAlign textDirection を使用します。

\ 世界最大級のオンライン学習サービス /

目次

テキストの配置を指定

左寄せ

Text(
  'Hello World',
  textAlign: TextAlign.left,
),

textAlignTextAlign.left を渡して左寄せにします。

中央寄せ

Text(
  'Hello World',
  textAlign: TextAlign.center,
),

textAlignTextAlign.center を渡して中央寄せにします。

右寄せ

Text(
  'Hello World',
  textAlign: TextAlign.right,
),

textAlignTextAlign.right を渡して右寄せにします。

テキストの並びを右から左にする

Text(
  'Hello World',
  textDirection: TextDirection.rtl,
),

デフォルトではテキストの並びが左から右ですがtextDirectionTextDirection.rtl を渡すことで右から左に変更できます。

参考

  • URLをコピーしました!
目次