본문 바로가기
반응형

Widget31

플러터에서 Dismissible 위젯 사용 방법과 옵션 Dismissible 위젯은 사용자가 드래그 제스처를 사용하여 위젯을 화면에서 제거할 수 있도록 하는 강력한 플러터 위젯입니다.이 블로그 게시물에서는 Dismissible 위젯의 기본 사용 방법과 사용 가능한 다양한 옵션을 살펴봅니다.Dismissible 위젯 사용 방법Dismissible 위젯을 사용하려면 다음 단계를 따르세요.Dismissible 위젯으로 감싸려는 위젯을 정의합니다.Dismissible 위젯의 key 속성을 설정합니다. 이 키는 위젯을 고유하게 식별하는 데 사용됩니다.Dismissible 위젯의 child 속성을 설정합니다. 이 속성은 Dismissible 위젯으로 감싸려는 위젯을 지정합니다.(선택 사항) onDismissed 콜백을 정의합니다. 이 콜백은 사용자가 위젯을 화면에서 제.. 2024. 8. 1.
플러터에서 showModalBottomSheet() 위젯 사용법 및 옵션 가이드 showModalBottomSheet()은 플러터에서 화면 아래에서 위로 올라오는 시트 형태의 팝업을 생성하는 데 사용하는 함수입니다.간단한 알림 표시부터 사용자 입력을 받는 복잡한 작업까지 다양한 용도로 활용할 수 있는 유용한 위젯입니다.이 블로그 글에서는 showModalBottomSheet() 위젯의 사용법과 주요 옵션들을 자세히 살펴보겠습니다.1. 기본 사용법 showModalBottomSheet() 함수를 사용하려면 다음과 같은 두 가지 매개변수를 전달해야 합니다.context: 위젯을 호출하는 BuildContext 객체builder: 바텀 시트의 내용을 정의하는 함수showModalBottomSheet( context: context, builder: (context) => Contain.. 2024. 8. 1.
플러터에서 위젯 트리란 무엇인가요? 플러터(Flutter)는 UI를 구성할 때 위젯(widget)이라는 기본 단위를 사용합니다.위젯은 사용자 인터페이스의 모든 요소를 나타내며, 이러한 위젯들이 트리 구조로 구성된 것을 위젯 트리(widget tree)라고 합니다.위젯 트리는 플러터 애플리케이션의 시각적 구조와 계층을 정의합니다.왜 위젯 트리를 사용할까요?구조적 구성: 위젯 트리를 사용하면 애플리케이션의 UI를 구조적으로 구성할 수 있습니다. 위젯은 부모-자식 관계로 연결되며, 이를 통해 복잡한 UI를 체계적으로 관리할 수 있습니다.재사용성: 위젯을 재사용하여 코드 중복을 줄이고, 유지보수를 쉽게 할 수 있습니다.동적 UI 구성: 위젯 트리를 동적으로 변경하여 사용자의 입력이나 상태 변화에 따라 UI를 업데이트할 수 있습니다.위젯 트리 사용.. 2024. 7. 31.
플러터에서 Dialog 사용법과 옵션 Flutter에서 Dialog는 사용자와 상호작용하는 중요한 UI 요소입니다.Dialog는 중요한 정보를 사용자에게 전달하거나 사용자의 입력을 받을 때 유용합니다.이 블로그에서는 Dialog의 기본 사용법부터 다양한 옵션과 고급 기능에 대해 알아보겠습니다. 1. Dialog 소개Dialog는 Flutter에서 제공하는 모달 윈도우로, 화면의 나머지 부분을 비활성화하여 사용자에게 중요한 정보를 제공하거나 결정을 요청합니다.Flutter는 AlertDialog, SimpleDialog, 그리고 커스텀 Dialog를 제공하여 다양한 요구사항을 충족합니다.2. 기본 Dialog 사용법showDialog 함수를 사용하여 기본 다이얼로그를 표시할 수 있습니다.import 'package:flutter/materia.. 2024. 7. 26.
플러터 Flexible 위젯 사용법 및 옵션 완벽 가이드 플러터(Flutter)에서 Flexible 위젯은 자식 위젯이 남는 공간을 채우도록 설계된 위젯입니다.이 글에서는 Flexible 위젯의 사용 방법과 다양한 옵션에 대해 자세히 설명하겠습니다.Flexible 위젯이란?Flexible 위젯은 플러터 레이아웃에서 자식 위젯이 가질 수 있는 여유 공간을 조절하는데 사용됩니다.주로 Row, Column, Flex 같은 위젯 안에서 사용되며, 자식 위젯들이 주어진 공간 안에서 적절히 배치되도록 도와줍니다.Flexible 위젯 사용 방법기본 사용법Flexible 위젯은 주로 Row 또는 Column 안에서 사용됩니다. 다음은 Flexible 위젯의 기본적인 사용 예시입니다.import 'package:flutter/material.dart';void main() {.. 2024. 7. 24.
플러터 Expanded 위젯 사용법 및 옵션 완벽 가이드 플러터에서 레이아웃을 구성할 때 자주 사용되는 위젯 중 하나는 바로 Expanded 위젯입니다.Expanded 위젯은 잔여 공간을 채우도록 자식 위젯을 확장하는 데 사용되며, 특히 Row나 Column과 함께 사용하면 효과적입니다.이 블로그 글에서는 Expanded 위젯의 사용법과 주요 옵션들을 자세히 살펴보고, 실제 코드 예시와 함께 다양한 활용 방법을 알아보겠습니다. 1. Expanded 위젯 사용법 Expanded 위젯은 단독으로 사용할 수 없으며, 반드시 Row나 Column과 함께 사용해야 합니다.Expanded 위젯을 사용하면, 잔여 공간을 자식 위젯이 차지하도록 합니다.즉, Row나 Column의 자식 위젯들 중 Expanded 위젯으로 감싸인 위젯만 잔여 공간을 채우게 됩니다. 기본 사용법.. 2024. 7. 24.
반응형

티스토리툴바