본문 바로가기

flutter36

플러터 - Scaffold 본 글은 [Do it! 깡샘의 플러터&다트 프로그래밍] 의 내용을 발췌한 것입니다. 책의 모든 내용을 저자 직강으로 진행한 강의는 ssamz.com 에서 들으실 수 있습니다. 스캐폴드(Scaffold)는 앱 화면의 골격을 제공하는 위젯입니다. 앱의 화면 상단에 타이틀, 메뉴 아이콘 등을 출력하는 앱바, 화면 하단에 탭 버튼, 화면 오른쪽 아래에 둥근 버튼, 화면 왼쪽이나 오른쪽 가장자리에서 열리는 드로어 등을 포함할 수 있습니다. 이런 화면의 기본 골격을 스캐폴드 위젯으로 구성할 수 있습니다. 책의 모든 내용을 저자 직강으로 진행한 강의는 ssamz.com 에서 들으실 수 있습니다. Scaffold는 앱의 화면을 구성하는 다음의 속성을 제공합니다. 각 속성에 위젯을 지정하면 해당 영역에 콘텐츠를 구성할 .. 2023. 3. 13.
플러터 - ListView 본 글은 [Do it! 깡샘의 플러터&다트 프로그래밍] 의 내용을 발췌한 것입니다. 책의 모든 내용을 저자 직강으로 진행한 강의는 ssamz.com 에서 들으실 수 있습니다. 리스트 뷰는 크게 2가지 목적으로 사용합니다. 여러 위젯을 세로나 가로로 나열하면서 화면을 벗어날 때 스크롤을 지원하고자 사용하고, 일반 목록 화면처럼 항목을 나열하고자 사용합니다. 물론 목록 화면도 항목을 여러 개 나열하여 화면을 벗어날 때 자동 스크롤을 지원하므로 리스트 뷰의 목적은 하나라고 봐도 됩니다. 단지 위젯을 항목처럼 나열할 것인지 차이만 있습니다. 화면 스크롤 지원하기 다음은 위젯 여러 개가 나열되다가 화면을 벗어나서 스크롤이 필요한 상황입니다. Column( children: [ Container(height: 30.. 2023. 3. 13.
플러터 - TextField 본 글은 [Do it! 깡샘의 플러터&다트 프로그래밍] 의 내용을 발췌한 것입니다. 책의 모든 내용을 저자 직강으로 진행한 강의는 ssamz.com 에서 들으실 수 있습니다. 텍스트 필드(TextField)는 사용자에게 글을 입력받는 위젯입니다. 입력된 글을 출력해야 하므로 Text 위젯에서 살펴본 TextAlign, TextStyle 등으로 출력할 문자열을 정렬하거나 스타일을 지정할 수 있습니다. TextField( style: TextStyle(fontSize: 15), textAlign: TextAlign.center ) 책의 모든 내용을 저자 직강으로 진행한 강의는 ssamz.com 에서 들으실 수 있습니다. 입력된 데이터 얻기 — TextEditingController 텍스트 필드에 사용자가 입.. 2023. 3. 13.
플러터 - Row, Column, Stack, Alignment, IndexedStack 본 글은 [Do it! 깡샘의 플러터&다트 프로그래밍] 의 내용을 발췌한 것입니다. 책의 모든 내용을 저자 직강으로 진행한 강의는 ssamz.com 에서 들으실 수 있습니다. 가로로 배치하기 — Row 레이아웃 위젯은 Row와 Column이 대표적입니다. 먼저 Row는 가로 방향으로 위젯을 배치합니다. 예를 들어 다음 코드는 Row에 Container 2개를 추가한 예입니다. 자신의 하위에 추가할 위젯이 하나라면 Center처럼 child에 하지만, 여러 개를 추가하는 Row, Column 같은 위젯은 children에 추가합니다. 책의 모든 내용을 저자 직강으로 진행한 강의는 ssamz.com 에서 들으실 수 있습니다. Row( children: [ Container( width: 100, height.. 2023. 3. 13.

티스토리툴바