-
Flutter 기초공부: Buttons, icons공부 기록/Flutter 2021. 11. 11. 00:01728x90
https://www.youtube.com/watch?v=ABmqtI7ec7E&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ&index=9
아이콘 위젯 추가하고,
첫번째 arument로 아이콘 지정. Icons. 치면 다양한 종류가 팝업되어 선택 가능. 그리고 colors, size와 같은 프로퍼티 지정.
사용 가능한 프로퍼티를 보련 Icon 위젯에서 Ctrl + Q 눌러 확인.
버튼은 종류가 다양.
버튼의 경우는 onPressed 속성 반드시 추가해야함. 안그러면 에러 발생. 나중에 지정하려면 onPressed: () {}, 라고만 추가해두기
버튼 안에 글자 추가하려면 child 사용하여 위젯을 네스팅해야함. Text의 속성을 지정하려면 Test 안에서 스타일 지정 가능. 앞에 강의 참고하기.
아래 예시는 RasedButton (쉐도우가 약간 들어간 버튼 형태)
FlatButton (그림자 없는 기본 버튼 형태)
onPressed { } 안에 있는 함수가 실행됨. 여기서는 콘솔에 텍스트 찍히는 함수 실행.
혹은 button 안에 Icon widget을 추가할 수도 있음.
혹은 IconButton 위젯도 있다. 아이콘이지만, 버튼과 같이 누를 수 있는 아이콘.
'공부 기록 > Flutter' 카테고리의 다른 글
Flutter 기초 공부: Rows, Columns, Flutter outline & shorcuts, Expended widget (0) 2021.11.16 Flutter 기초공부: padding, margin (0) 2021.11.11 Flutter 기초공부: Images, assets (0) 2021.11.10 Flutter 기초공부: colors, font (0) 2021.11.10 Flutter 기초 공부: scaffold, stateless, stateful (0) 2021.11.10