「Flutter/UI/余白」の版間の差分

2019年12月19日 (木) 12:03時点における最新版

余白

padding: EdgeInsets.all(5.0),
padding: EdgeInsets.only(left: 10.0, right: 10.0),
padding: EdgeInsets.only(left: 10.0, right: 10.0, top: 50.0, bottom: 50.0),
padding: const EdgeInsets.only(bottom: 10.0),
padding: const EdgeInsets.symmetric(horizontal: 4.0, vertical: 1.0),

コンテナで使う場合

new Container(
  padding: const EdgeInsets.all(11.0),
  margin: const EdgeInsets.all(6.0),
  child: new Text("こんてな"),
);

余白だけ欲しい場合

return Padding(
            padding: EdgeInsets.all(8.0),
            child: Text("hoge"),
);