3/23 TIL

3643 ワード

TIL テキストリンク

margin, padding, Align

containerは比較的重い部品なので、width、height、childしか必要としない箱にとって、SizedBoxを使うのは性能上のメリットです.

箱に白を残したい場合は、容器内に余白(外縁量)、充填(内縁量)を使用します.使い方は以下の通りです.

Container(
	margin: EdgeInsets.all(30),
	padding: EdgeInsets.fromLTRB(10, 20, 30, 40)
	//all은 전방향으로 여백을 주는 것이고 LTRB는 원하는 구간에 나눠서 여백을 주는 것이다.
)

ボックスインテリア:BoxDecoration()の中に入れればいいです.中には色、境界線、イメージなどを探して入れることができます.

Container(
  decoration : BoxDecoration(
    border : Border.all(color : Colors.black)
  )
)

ボックスを揃えるには、Align()にContainerを配置するだけです.ちなみに簡単に入れたいなら、Containerの横にある黄色い電球を押してWrapwith~~、包んで欲しいものに変えればいいだけです.

Align()内には、alignment: Alignment.원하는방향を所望の方向に配列することができる.

body: Align(
    alignment: Alignment.bottomCenter,
    child: Container(

箱の幅を大きくしたいなら、containerの幅と高さを無限に与えることができます.この2つはdouble値なので、無限量であげるとdoubleです.無限大でいいです.それでも親の箱の幅を超えない.

body: Align(
    alignment: Alignment.bottomCenter,
    child: Container(
      width: double.infinity, height: double.infinity,

widthもheightも無限量を与えても親であるBoxの値を超えない.

この問題について(3/23 TIL), 我々は、より多くの情報をここで見つけました https://velog.io/@nmh369/323-TIL

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol