위젯(Widget) 개인 정리

Widget 은 자식을 하나만 가지는 Widget과 자식을 여럿 갖는 Widget으로 나뉘어짐

자식을 하나만 갖는 대표적인 위젯들은 아래와 같음

대체로 child 매개변수를 입력받음

 

디자인 관련 위젯

• Container 위젯 : 자식을 담는 컨테이너 역할
• 다만 단순하기 자식을 담는역할을 하는게 아니라 배경색,너비와 높이, 테두리 등의 디자인을 지정할수 있음
• GestureDetector 위젯 : 플러터에서 제공하는 제스터 기능을 자식 위젝에서 인식하는 위젯
• 탭이나 드래그 그리고 더블 클릭같은 제스터 기능이 자식 위젯에 인식됐을때 함수를 실행
• SizeBox 위젯 : 높이와 너비를 지정하는 위젯
• Container 위젯과 다르게 디자인적 요소를 적용할수 없고 const 생성자로 선언할수 있어서 퍼포먼스 측면에서 더 효율적
• Padding 위젯 : 하위 위젯에 패딩을 적용할때 사용됨
• SafeArea 위젯 : 시스템 UI에 가려지지 않게 위젯을 화면에 그릴때 사용
• Text : 각종 스타일이 지정 가능한 텍스트 위젯
• MyScaffold : Material 위젯은 해당 위젯이 Material 위젯임을 명시할 때 사용한다.Material이란 플랫 디자인의 장점을 살리면서도 빛에 따른 종이의 그림자 효과를 이용하여 입체감을 살리는 디자인 방식인 Material Design을 의미한다.

 

• 머티리얼 앱 기본형태
  • 구글에서 머티리얼 디자인 지원 라이브러리도 제공머티리얼 디자인이란 2014년 구글 I/O 컨퍼런스에 공개되어 신규 안드로이드 운영체계인 롤리팝(5.0)부터 반영된 디자인 언어임
  • 현재 나온 대부분의 앱들은 머트리얼 디자인에 맞게 개발 해옴

배치 관련 위젯

다수의자식을 입력할수 있는 위젯은 children 매개변수를 입력 박으머 리스트로 여러위젯을 입력할수 있음

• Column 위젯 : children 매개변수에 입력된 모든 위젝들을 새로로 배치
• Rpw 위젯 : children 매개변수에 입력된 모든 위젯들을 가로로 배치함
• ListView 위젯 : 리스트를 구현할때 사용됨. 마찬가지로 children 매개변수에 다수의 위젯을 입력할수 있으며 입력된 위젯이 화면을 벗어나게 되면 스크롤이 가능함
• Flexible 위젯 : Row나 Column 에서 하위 위젯이 비율만큰 공간을 차지 할수 있게 해줌
• Expanded 위젯 : Row나 Column 에서 하위 위젯이 최대한의 공간을 차지할수 있게 해줌
• Stack 위젯 : 하위 위젯들을 순서대로 겹쳐줌