facebook twitter hatena line email

「Flutter/UI/その他」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(余白)
行8: 行8:
 
</pre>
 
</pre>
  
 +
==コンテナで使う場合==
 +
<pre>
 +
new Container(
 +
  padding: const EdgeInsets.all(11.0),
 +
  margin: const EdgeInsets.all(6.0),
 +
  child: new Text("こんてな"),
 +
);
 +
</pre>
 
==余白だけ欲しい場合==
 
==余白だけ欲しい場合==
 
<pre>
 
<pre>

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"),
);

リンク集

35種類のレイアウト https://qiita.com/coka__01/items/dedb569f6357f1b503fd

スプラッシュ画面を作る https://qrunch.net/@chihara/entries/O5YDL5yF0lBbBo4K