[Flutter]Text(テキスト)に影をつけるには？

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

Textで表示するテキストに影をつける方法を紹介します。

方法

Textに影をつけるには、引数「style」を使います。

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

次に、TextStyleの引数「shadow」に、「[Shadow(),]」を指定します。

そして、Shadow()の引数「blurRadius」に影の大きさを指定します。

Text(
  'テキスト',
  style: TextStyle(
    shadows: [
      Shadow(
        blurRadius: /*影の大きさ*/,
      ),
    ],
  ),
),

引数「style」を使えば、Textに影をつけることが出来ます。

使用例

以下は、使用例です。

Text(
  'Hello Flutter',
  style: TextStyle(
    shadows: [
      Shadow(
        blurRadius: 4.0,
      ),
    ],
    fontSize: 24,
  ),
),

[Flutter]Text(テキスト)の下線を破線にするには？

Textの下線を破線にする方法を紹介します。

www.choge-blog.com

2021.12.27

[Flutter]Text(テキスト)に枠線をつけるには？

Textに枠線をつける方法を紹介します。

www.choge-blog.com

2021.12.27

[Flutter]Textの取り消し線の色を設定するには？

Textの取り消し線の色を設定する方法を紹介します。

www.choge-blog.com

2021.12.27

[Flutter]Textの取り消し線を２重線にするには？

Textの取り消し線を２重線にする方法を紹介します。

www.choge-blog.com

2021.12.27