Flutter UI 요소
Flutter 화면 객체요소 기본위젯 Text 일반 Text 객체를 의미한다. Text Style속성을 적용할 수 있다. Row, Cloumn CSS의 display: flex 속성과 비슷하다. Stack 절대위치 레이아웃 모델을 기반으로 한다. z-index와 같이 순서를 정할 수 있다. Container 직사각형 시작적 요소를 만들 수 있다. 배경, 테두리, 그림자, 여백, 패딩 등 간편생성 Flutter에는 MaterialApp Design을 사용하여 간편하게 UI를 제작할 수가 있다. 세팅 파일명 : .flutterpubspec.yaml name : my_app flutter : uses-material-design : true Scaffold란? Material Design Visual Layout 구조를 구현하는데 사용 간편하게 UI를 만들어주는 기능들이 있다. Scaffold 속성 appBar 상단에 표시 할 앱 바 backgroundColor 위젯의 배경 색상 body 주요 내용 bottomNavigationBar 하단에 표시할 하단 탐색 모음 bottomSheet 표시 할 영구 하단 시트 drawer 본체 측면에 표시되는 패널로, 종종 휴대기기에서 숨겨집니다. 왼쪽에서 오른쪽으로 또는 오른쪽에서 왼쪽으로 drawerDragStartBehavior 드래그 시작 동작이 처리되는 방식을 결정합니다. drawerEdgeDragWidth 가로로 스와이프하면 서랍이 열리는 영역의 너비입니다. drawerEnableOpenDragGesture 드래그 제스처로 Scaffold.drawer 를 열 수 있는지 여부를 결정합니다. drawerScrimColor 서랍이 열려있는 동안 주요 콘텐츠를 가리는 스크림에 사용할 색상입니다. endDrawer 본체 측면에 표시되는 패널로, 종종 휴대기기에서 숨겨집니다. 왼쪽에서 오른쪽으로 또는 오른쪽에서 왼쪽으로 endDrawerEnableOpenDragGesture 드래그 제스처로 Scaffold.endDraw
