- Text Widget
child: Text(
'텍스트 위젯',
style: TextStyle(
fontSize: 35, // 폰트 크기
fontWeight: FontWeight.bold, // 폰트 두께
color: Colors.amber, // 폰트 색상
),
),
- Container
- margin : 박스 바깥 영역
- padding : 박스 안쪽 영역
- alignment : child 정렬
body: Container(
width: 200,
height: 200,
color: Colors.pinkAccent, // 박스 색상
padding: EdgeInsets.all(20), // 박스 안쪽 영역
margin: EdgeInsets.all(50), // 박스 바깥 영역
alignment: Alignment.topLeft, // child 정렬
child: Text(
"I Love Flutter!",
style: TextStyle(
color: Colors.white,
fontSize: 18,
),
),
),
- Box Decoration : Container의 색상, 그림자 효과를 위한 방법
child: Container(
width: 200,
height: 200,
// color : Colors.amber, // decoration와 함께 사용 불가
decoration: BoxDecoration(
color: Colors.amber, // decoration 안에 color를 활용해주세요.
borderRadius: BorderRadius.circular(50), // 모서리를 둥글게
border: Border.all(color: Colors.blue, width: 5), // 테두리
boxShadow: [
BoxShadow( // 그림자 효과
color: Colors.grey.withOpacity(0.7), // 투명도 70% 회색
spreadRadius: 5, // 퍼짐 효과
blurRadius: 7, // 뭉갬 효과
offset: Offset(5, 5), // 그림자를 우측 5 아래 5만큼 이동
),
],
),
),
- Icon