본문 바로가기
반응형

Flutter/Widget108

플러터에서 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.
플러터에서 로딩 스켈레톤 구현하기: skeletons 패키지 사용 방법과 옵션 설명 스켈레톤 로딩 애니메이션은 데이터가 로딩되는 동안 사용자에게 빈 상태를 시각적으로 표시해주는 유용한 방법입니다.1. skeletons 패키지 설치먼저 skeletons 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일에 다음과 같이 추가해 주세요dependencies: flutter: sdk: flutter skeletons: ^0.0.3그런 다음 터미널에서 flutter pub get 명령어를 실행하여 패키지를 다운로드합니다.2. 기본 사용법이제 skeletons 패키지를 사용하여 기본 스켈레톤 로딩 애니메이션을 구현해보겠습니다.import 'package:flutter/material.dart';import 'package:skeletons/skeletons.dart';voi.. 2024. 7. 31.
플러터에서 Chopper 패키지 사용하기: 심층 가이드 Chopper는 HTTP 요청을 쉽게 만들고 관리할 수 있도록 도와주는 플러터용 네트워킹 라이브러리입니다.RESTful API와 잘 작동하도록 설계되었으며 Retrofit과 비슷한 기능을 제공합니다.Chopper는 다음과 같은 장점을 제공합니다.간단하고 사용하기 쉬운 API: Chopper는 간단하고 직관적인 API를 제공하여 HTTP 요청을 쉽게 만들 수 있습니다.강력한 기능: Chopper는 인증, 캐싱, 오류 처리 등 다양한 강력한 기능을 제공합니다.테스트 가능: Chopper는 테스트하기 쉽도록 설계되었습니다.코드 생성: Chopper는 코드 생성 기능을 제공하여 HTTP 요청 코드를 자동으로 생성할 수 있습니다.1. Chopper 설치 및 설정Chopper를 사용하려면 먼저 프로젝트에 패키지를 .. 2024. 7. 28.
플러터 앱에서 페이지 뒤로 갔을 때 새로고침하는 방법[then] Flutter 앱에서 사용자 경험을 향상시키기 위해서는 페이지 뒤로 돌아왔을 때 해당 페이지를 새로고침하는 기능이 중요합니다.이 블로그에서는 Flutter 앱에서 페이지 뒤로 갔을 때 새로고침하는 두 가지 일반적인 방법을 살펴보겠습니다. 1. Navigator.push의 then 사용하기 Navigator.push 메서드는 새로운 페이지를 푸시하는 데 사용됩니다.then 메서드를 추가하면 푸시된 페이지에서 돌아온 후 특정 작업을 수행할 수 있습니다.페이지 새로고침을 위해서는 setState 메서드를 사용하여 위젯 상태를 업데이트할 수 있습니다.Navigator.push(context, MaterialPageRoute(builder: (context) => MoveToPage()),).then((valu.. 2024. 7. 26.
CircularProgressIndicator가 찌그러져 화면에 표시될때 조치 Center 위젯을 이용하는 방법const Center( child: CircularProgressIndicator(), ),  GetX를 이용하여 Get.dialog 위젯을 이용하는 방법Get.dialog( const Center( child: CircularProgressIndicator(), ), barrierDismissible: false, // 사용자가 다이얼로그 외부를 탭하여 닫을 수 없도록 설정);/Get.dialog 네트워크 끝나면 종료 명령 CircularProgressIndicator() 를 멈추는 방법finally {// 데이터 추가가 완료된 후에 로딩 인디케이터를 숨깁니다.Get.back();} Starting Google Play App Distr.. 2024. 7. 26.
반응형

티스토리툴바