[Flutter] Scaffold,Appbar 기본적인 수정

 

이렇게 바꾸면 아래 처럼 된다.

 

MaterialAPP의 text를 넣어주면 된다.

디자인이 너무 안이쁘니까

해당 Scaffold로 감싸주고, Appbar를 넣어주자

이런식으로 넣게 되면  아래와 같이 변경된다.

 

뭐 약간 속성 바꾸는 느낌으로 바꾸게 되면서 바로 적용이 가능하다.

Text안에 TextStyle을 주고 또 따로 변경이 가능하다

 

여기까지는 그냥 뭐 암기느낌이네...

기본적인 구조를 따르는 SatelessWidget에서는 사용이 불가하다고한다.

StateFulWidget을 만들어야한다.

 

stful이라고 하고 엔터치면 자동생성된다.

 

 

결국 이렇게 한다.

해당 HelloPage는 아래와 같이 참조한다.

 

상태변경이 되게끔 해보자.

 

이렇게 눌렀을때 동작하게 끔 할 수 있다.

실제로 별도 함수로 빼서 플로팅 버튼 클릭시 함수를 넣을수있다.

이렇게 한다면, 실제 body의 글자가 변경되게 된다.

실제 아래 상태변경 클래스에서 widget을 하게 되면 

상위 위젯쪽 클래스의 변수들의 접근이 가능해진다.