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('文字に背景色を追加'),
),
],
),
),
);
}
最近のコメント