본문 바로가기
반응형

Flutter/Widget108

플러터 PopupMenuButton 위젯 사용법 및 옵션: 초보자를 위한 완벽 가이드 Flutter에서 사용자 인터페이스를 구성할 때, PopupMenuButton 위젯은 메뉴를 간편하게 추가하는 데 매우 유용합니다.이 위젯을 사용하면 앱의 상단 바나 다른 버튼에 클릭 가능한 메뉴를 추가할 수 있습니다.이 포스트에서는 PopupMenuButton 위젯의 기본 사용법과 다양한 옵션을 상세히 설명하여 초보자들도 쉽게 이해할 수 있도록 돕겠습니다.PopupMenuButton 위젯이란? PopupMenuButton 위젯은 사용자가 버튼을 클릭했을 때 팝업 메뉴를 표시하는 Flutter 위젯입니다.이 메뉴에는 여러 개의 항목이 포함될 수 있으며, 각 항목을 클릭하면 지정된 작업을 수행할 수 있습니다.보통 앱의 상단 바나 버튼에 추가되어 사용자에게 선택 가능한 옵션을 제공합니다.PopupMenuBu.. 2024. 8. 4.
플러터 showDatePicker 위젯 사용 방법 및 옵션: 초보자를 위한 완벽 가이드 Flutter는 현대 모바일 애플리케이션 개발을 위한 강력한 도구로, 그 중에서도 날짜 선택을 위한 showDatePicker 위젯은 매우 유용합니다.이 블로그 포스트에서는 showDatePicker 위젯의 기본 사용법과 옵션을 상세히 설명하여, 초보자들도 손쉽게 이해하고 활용할 수 있도록 돕겠습니다.showDatePicker 위젯이란? showDatePicker는 Flutter의 showDialog 메서드를 이용해 화면에 날짜 선택기를 표시해주는 위젯입니다.사용자가 날짜를 선택할 수 있도록 도와주며, 일반적으로 양식 작성, 예약 시스템, 필터링 옵션 등에서 유용하게 사용됩니다.showDatePicker 기본 사용법showDatePicker는 비동기 함수로, 날짜 선택기의 결과를 반환합니다. 기본적인 사.. 2024. 8. 4.
플러터 showTimePicker 위젯 사용법: 초보자를 위한 쉬운 가이드 플러터에서 showTimePicker 위젯을 사용하는 방법에 대해 알아보겠습니다.showTimePicker는 사용자가 시간을 선택할 수 있게 해주는 대화상자(Dialog)입니다. 이 위젯을 활용하면 사용자에게 직관적이고 깔끔한 시간 선택 인터페이스를 제공할 수 있습니다.그럼, showTimePicker의 기본 사용법과 주요 옵션을 단계별로 살펴보겠습니다.showTimePicker란? showTimePicker는 사용자가 시간을 선택할 수 있도록 도와주는 플러터의 내장 위젯입니다.이 위젯을 사용하면 간편하게 시간을 선택할 수 있는 대화상자를 화면에 띄울 수 있습니다.기본 사용법showTimePicker를 사용하기 위해서는 showTimePicker 함수를 호출해야 합니다.이 함수는 BuildContext와.. 2024. 8. 4.
플러터 ExpansionTile 위젯: 사용방법 및 옵션 ExpansionTile 위젯은 타이틀과 리딩(leading) 아이콘을 제공하고, 제목을 탭하면 확장되어 추가 콘텐츠를 표시할 수 있는 위젯입니다.주로 앱 내에서 메뉴, FAQ, 설정 항목 등을 구현할 때 사용됩니다.이 글에서는 ExpansionTile 위젯의 기본 사용법과 다양한 옵션들을 소개하겠습니다.1. ExpansionTile 기본 사용법ExpansionTile의 가장 기본적인 형태는 타이틀과 확장될 때 보여질 자식 위젯들을 지정하는 것입니다.예시: 기본 ExpansionTile 사용import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override .. 2024. 8. 4.
플러터 Wrap 위젯: 사용방법 및 옵션 [자동 줄바꿈] Wrap 위젯은 자식 위젯들이 줄을 넘어가면 자동으로 줄을 바꿔 배치해주는 위젯입니다.Row나 Column처럼 가로 또는 세로 방향으로 배치할 수 있지만, 주어진 공간을 넘어갈 때 자동으로 줄바꿈이 되기 때문에 더 유연한 레이아웃 구성이 가능합니다.특히 태그, 버튼, 이미지 갤러리와 같은 UI를 만들 때 유용하게 사용할 수 있습니다.1. Wrap 위젯 기본 사용법 기본적으로 Wrap 위젯은 자식 위젯들을 가로 방향으로 배치하다가 공간이 부족하면 다음 줄로 넘깁니다.예시: 기본 Wrap 사용import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override W.. 2024. 8. 4.
플러터 ScaffoldMessenger 위젯 사용법 및 옵션: 초보자 가이드[ SnackBar ] Flutter에서 ScaffoldMessenger 위젯은 앱 화면에 스낵바와 같은 메시지를 표시하는 데 사용됩니다.이 포스트에서는 ScaffoldMessenger의 기본 개념부터 사용 방법, 주요 옵션까지 알아보겠습니다.초보자들도 쉽게 따라할 수 있도록 단계별로 설명하겠습니다.1. ScaffoldMessenger란? ScaffoldMessenger는 Flutter에서 스낵바(Snackbar)를 관리하는 데 사용되는 위젯입니다.이전에는 ScaffoldState의 showSnackBar 메서드를 사용하여 스낵바를 표시했지만, ScaffoldMessenger는 이를 대체하여 더 나은 상태 관리와 메시지 표시를 제공합니다.* 스택바를 띄우고 페이지가 이동하더라도 에러를 일으키지 않고 다음 페이지에서도 상태를 유.. 2024. 8. 4.
반응형

티스토리툴바