[Flutter]Textの装飾をするには？

どうも、ちょげ(@chogetarou)です。

Textの装飾をする方法を紹介します。

方法

Textの装飾をするには、引数「style」を使います。

まず、Text の引数「style」にTextStyleを指定します。

そして、TextStyleの引数でTextの装飾を設定します。

Text(
  'Hello Flutte',
  style: TextStyle(/*装飾*/),
),

引数「style」を使えば、Textの装飾をすることが出来ます。

使用例

以下は、使用例です。

Text(
  'Hello Flutte',
  style: TextStyle(
    color: Colors.white, //色
    backgroundColor: Colors.blue, //背景色
    fontSize: 24, //サイズ
  ),
),

[Flutter]Textのテキストを全て大文字にするには？

Textで表示するテキストを全て大文字に変換する方法を紹介します。

www.choge-blog.com

2022.01.03

[Flutter]Textの最大行数を設定するには？

Textの最大行数を設定する方法を紹介します。

www.choge-blog.com

2022.01.02

[Flutter]Text(テキスト)の透明度を設定するには？

Textの透明度を設定する方法を紹介します。

www.choge-blog.com

2021.12.31

[Flutter]Textのはみ出した文字を「...」にするには？

Textではみ出した文字を３つのドット（ ... ）で表示する方法を紹介します。

www.choge-blog.com

2021.12.30