Button Widget 알아보기

flutter에는 ElevatedButton, OutlinedButton, TextButton 가 있다.

ElevatedButton

입체감이 있는 버튼이다.

ElevatedButton(
              onPressed: () {},
              style: ElevatedButton.styleFrom(
				// 메인 칼라
                primary: Colors.red,
                // 글자 및 애니메이션 색깔
                onPrimary: Colors.black,
                // 그림자 색깔
                shadowColor: Colors.green,
                // 3D 입체감의 높이
                elevation: 10.0,
                testStyle: TextStyle(
                	fontWeight: FontWeight.w700,
                    fontSize: 20.0,
                ),
                padding: EdgeInsets.all(32.0),
                side: BorderSide(
                	color: Colors.black
                    width: 4.0
                ),
                  ),
              child: Text('ElevatedButton'),
            ),

OutlinedButton

TextButton

참고 사이트

https://parkjh7764.tistory.com/199?category=1337547