3/23 TIL
margin, padding, Align
-
Container는 좀 무거운 위젯이기때문에 width, height, child만 필요한 박스의 경우 SizedBox를 쓰는 것이 성능상 이득이다.
-
박스에 여백을 주고 싶다면 Container 안에 margin(바깥 여백 양), padding(안쪽 여백 양) 을 사용하면 된다. 사용법은 아래와 같다.
Container(
margin: EdgeInsets.all(30),
padding: EdgeInsets.fromLTRB(10, 20, 30, 40)
//all은 전방향으로 여백을 주는 것이고 LTRB는 원하는 구간에 나눠서 여백을 주는 것이다.
)
-
박스 스타일은 decoration: BoxDecoration() 안에 넣으면 된다. 안에는 색깔, 경계선, 이미지 등 찾아서 넣으면 된다.
Container(
decoration : BoxDecoration(
border : Border.all(color : Colors.black)
)
)
-
박스를 정렬하려면 Align()안에 Container를 담으면 된다. 참고로 쉽게 넣으려면 그냥 Container 옆에 있는 저 노란색 전구 눌러서 Wrap with ~~ 눌러서 한번 감싼 뒤에 내가 원하는 걸로 바꾸면 된다.
Align() 안에는 alignment: Alignment.원하는방향
로 원하는 방향으로 정렬할 수 있다.
body: Align(
alignment: Alignment.bottomCenter,
child: Container(
-
박스 폭을 꽉차게 주려면 Container의 width, height 를 무한히 주면 된다. 이 둘은 double값이므로 무한히 주려면 double.infinity 하면 된다. 하지만 이래도 부모 박스의 폭을 넘어가지 않는다.
body: Align(
alignment: Alignment.bottomCenter,
child: Container(
width: double.infinity, height: double.infinity,
width와 height를 모두 무한히 줘도 부모 박스인 body의 값을 넘어가지 않는다.
Author And Source
이 문제에 관하여(3/23 TIL), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@nmh369/323-TIL
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Container는 좀 무거운 위젯이기때문에 width, height, child만 필요한 박스의 경우 SizedBox를 쓰는 것이 성능상 이득이다.
박스에 여백을 주고 싶다면 Container 안에 margin(바깥 여백 양), padding(안쪽 여백 양) 을 사용하면 된다. 사용법은 아래와 같다.
Container(
margin: EdgeInsets.all(30),
padding: EdgeInsets.fromLTRB(10, 20, 30, 40)
//all은 전방향으로 여백을 주는 것이고 LTRB는 원하는 구간에 나눠서 여백을 주는 것이다.
)
박스 스타일은 decoration: BoxDecoration() 안에 넣으면 된다. 안에는 색깔, 경계선, 이미지 등 찾아서 넣으면 된다.
Container(
decoration : BoxDecoration(
border : Border.all(color : Colors.black)
)
)
박스를 정렬하려면 Align()안에 Container를 담으면 된다. 참고로 쉽게 넣으려면 그냥 Container 옆에 있는 저 노란색 전구 눌러서 Wrap with ~~ 눌러서 한번 감싼 뒤에 내가 원하는 걸로 바꾸면 된다.
Align() 안에는 alignment: Alignment.원하는방향
로 원하는 방향으로 정렬할 수 있다.
body: Align(
alignment: Alignment.bottomCenter,
child: Container(
박스 폭을 꽉차게 주려면 Container의 width, height 를 무한히 주면 된다. 이 둘은 double값이므로 무한히 주려면 double.infinity 하면 된다. 하지만 이래도 부모 박스의 폭을 넘어가지 않는다.
body: Align(
alignment: Alignment.bottomCenter,
child: Container(
width: double.infinity, height: double.infinity,
width와 height를 모두 무한히 줘도 부모 박스인 body의 값을 넘어가지 않는다.
Author And Source
이 문제에 관하여(3/23 TIL), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@nmh369/323-TIL저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)