코딩애플 flutter - 버튼에 기능 만들기 FloatingActionButton, StatfulWidget

1. FloatingActionButton 위젯 

 

-> 채널톡처럼 왼쪽 하단에 동그랗게 버튼 띄우고 싶을때 사용함! 

 

* 버튼을 눌렀을때 무언가 변화를 주고 싶다면,

onPressed(){ 실행코드 }  <- 요렇게 입력한다! 

( 변수는 class 에서 만들어준다 ) 

 

 

BUT 버튼에 변화를 주고 싶어서 아래와 같이 코드를 짜면,

버튼을 누른다고 해서 버튼위의 숫자가 변하지 않는다. 

 

그 이유는! 화면이 재렌더링이 안되서 그렇다! 

해결책 : 재렌더링을 한다 -> state를 쓰면 state가 변할때마다 자동으로 재렌더링 된다. 

 

state는 변하면 state 사용하는 위젯이 자동 재렌더링 된다! 

 

2. State 만드는법 -> StatefulWidget

방법 1. 기존 stless 를 stateful 위젯으로 바꾸기 ( 가까이 대면, 전구모양이 뜨는데, 그걸로 convert하기 ) 

방법 2. stful 입력하기 

 

-> 그 이후 상태를 변화시키려면, setState((){여기에 입력 } ) 이용해줘야함! 

 

 

*연락처 앱이니까 이름이나 연락처 같이 자주 변하는 정보는 state에 넣어두는게 좋음!! 

- 자주 바뀌는 데이터들

- 바뀌면 바로바로 보여야하는 데이터들 

 

* QUIZ 버튼 누르면 숫자 올라가는 연락처 앱 기능 구현하기