Flutter marginを指定して背景色を指定するサンプル

2023年9月3日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
1.全方向の余白
EdgeInsets.all(数値)

2.垂直・水平の余白
EdgeInsets.symmetric(vertical: 数値, horizontal: 数値)

3.各余白を指定
EdgeInsets.fromLTRB(数値, 数値, 数値, 数値)

4.一つの方向の余白（left,top,right,bottom）を指定
EdgeInsets.only(方向: 数値)

操作例

body: Container(
  margin: const EdgeInsets.all(100),
  height: 150,
  width: 250,
  // 背景色を指定
  color: Colors.yellow,
  child: const Text('Study Skill Change world'),
),

Flutter

Posted by arkgame