[Flutter] Containerに背景色をつけるには?

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

Containerに背景色を設定するにはcolorプロパティを使います。
colorプロパティにColorsクラスで色を指定します。

イメージ

ソースコード

Container( 
 color: Colors.yellow,
 child: /* 任意のwidget */, 
),
Container(
 color: const Color.fromARGB(255, 255, 235, 59),
 child: /* 任意のwidget */,
),

使用例

@override
Widget build(BuildContext context) {
 return Scaffold(
  appBar: AppBar(
  title: Text(widget.title),
  ),
  body: Center(
  child: Column(
   mainAxisAlignment: MainAxisAlignment.center,
   children: <Widget>[
    Container(
     color: const Color.fromARGB(255, 255, 235, 59),
     child: const Text('文字に背景色を追加'),
     ),
    ],
   ),
  ),
 );
}
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*

CAPTCHA