TIL: Flutter | [노마드코더] Buttons Section, 재사용 widget - 230107

$를 문자로사용하려면 자바스크립트에서와 같이 \ 백슬래시를 앞에 붙여서
해당 달러 사인이 문자열임을 알려줘야 한다

SizedBox

빈 공간을 선언할 때 css, react native 에서는 margin 으로 주는데
플러터에서는 SizedBox를 사용하는 것 같다

html 의 div 보다는 css 에서의 margin 의 역할을 하는 느낌으로
자식을 가지지 않는다

SizedBox(
	height: 20,
),

Container

html 의 div 같은 영역으로 child를 가질 수 있는 box

Padding

padding size 를 갖는 위젯으로 child 를 가질 수 있다

EdgeInsets

패딩을 편하게 줄 수 있다 세로, 가로

Container(
	decoration: BoxDecoration(color: Colors.amber),
	child: Padding(
		padding: EdgeInsets.symmetric(
		vertical: 20,
		horizontal: 50,
		),
	child: Text('Transfer'),
	),
),

Container의 decoration: BoxDecoration 속성에
borderRadius를 추가할 수 있다

decoration: BoxDecoration(
	color: Colors.amber,
    borderRadius: BorderRadius.circular(45),
),