패키지, 저장소 및 앱 카테고리 검색

delightful_toast 표지
패키지 상세v1.1.0

delightful_toast

슬라이드로 닫기, 자동 닫기, 스택 애니메이션, 필요 시 닫기 등의 기능을 갖춘 풍부한 상호작용을 위한 매력적인 토스트바 패키지입니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
2.7천
좋아요
244
Pub 점수
150

패키지 설치

flutter pub add delightful_toast

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

Delightful Toast는 표준 토스트 알림에 풍부한 상호작용 기능을 추가하는 Flutter 패키지입니다. 슬라이드하여 닫기 제스처, 자동 종료, 여러 토스트를 위한 스택 애니메이션, 필요 시 수동 종료를 지원합니다. 현대적인 UI를 위해 설계되었으며, 사용자 정의 가능한 외관과 동작으로 부드럽고 매력적인 피드백을 제공합니다. 다양한 플랫폼에서 동적이고 사용자 친화적인 토스트 경험을 원하는 앱에 이상적입니다.

사용 사례

  • 앱 내 상호작용 알림
  • 사용자 피드백 및 스와이프 제스처
  • 스택된 토스트 메시지
  • 자동 사라지는 경고
  • 토스트 생명주기에 대한 수동 제어

주요 기능

  • 슬라이드하여 닫기
  • 자동 종료
  • 스택 애니메이션
  • 요청에 따라 닫기
  • 크로스 플랫폼 지원

적합한 대상

  • 모바일 및 웹 애플리케이션
  • 인터랙티브 토스트 UX가 필요한 앱
  • 풍부한 알림 효과를 원하는 개발자
  • 사용자 참여를 강조하는 프로젝트

고려 사항

  • 사용자 정의 테마를 위해 추가 스타일링이 필요할 수 있습니다
  • 높은 토스트 빈도 시 성능 영향
  • 기본 토스트 콘텐츠 유형에만 제한됨
  • 복잡한 대화에 적합하지 않습니다
  • 스택 로직 처리에 주의가 필요합니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

A delighful and very interactive toast or a snackbar to add more delight to your application

ezgif com-video-to-gif

https://github.com/SwaroopSambhayya/delight_toast/assets/31922733/45b77a2e-7a73-44a0-899d-8d2f740097fb

Features

  1. Trigger a toastbar
  2. Slide to dismiss a toastbar
  3. Auto dimiss a toastbar
  4. Dismiss on demand via action buttons
  5. Stacking a toasbar in a delightful way!

Getting started

In pubspec.yaml

    delightful_toast: ^1.1.0
// add the import statement
import  'package:delightful_toast/delight_toast.dart';

Usage

Use the toasbar whenever a event has been triggered like onPressed/onTapped or in any other situation where the event is enforced

ElevatedButton( onPressed:(){
     DelightToastBar(
              builder: (context) => const ToastCard(
                leading: Icon(
                  Icons.flutter_dash,
                  size: 28,
                ),
                title: Text(
                  "Hi I'm Dash, Let's have a walkthrough of Delight Toast",
                  style: TextStyle(
                    fontWeight: FontWeight.w700,
                    fontSize: 14,
                  ),
                ),
              ),
            ).show(context);

},
     child: const Text("Toast!")
)

카테고리

의존성

의존성 목록 1 개

소스 저장소

이 패키지를 사용하는 프로젝트