위젯에 대한 기능_1

1. Text Widget

child: Text(
            '텍스트 위젯',
            style: TextStyle(
              fontSize: 35, // 폰트 크기
              fontWeight: FontWeight.bold, // 폰트 두께
              color: Colors.amber, // 폰트 색상
            ),
          ),

2. 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,
            ),
          ),
        ),

3. 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만큼 이동
                ),
              ],
            ),
          ),

4. Icon

• https://fonts.google.com/icons?selected=Material+Icons
• https://shuuji3.xyz/flutter-packages/third_party/packages/cupertino_icons/