[Flutter]Text(テキスト)の背景色を設定するには？

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

Textの背景色を設定する方法を紹介します。

方法

Textの背景色を設定する方法は、２つあります。

style

１つは、引数「style」を使う方法です。

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

そして、TextStyleの引数「backgroundColor」に背景色を指定します。

Text(
  'テキスト',
  style: TextStyle(
    backgroundColor: /*背景色*/,
  ),
),

Container

もう１つは、Containerを使う方法です。

まず、TextをContainerでラップします。

そして、Containerの引数「color」に背景色を指定します。

Container(
  color: /*背景色*/,
  child: Text('テキスト'),
),

まとめ

Textの背景色を設定する方法は、次の２つです。

• 引数「style」を使う方法
• Containerを使う方法

[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