flutter_hot_toast

패키지 개요

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

Flutter용 가벼운 애니메이션 토스트 알림 패키지로, React Hot Toast에서 영감을 받았습니다. 최소한의 설정으로 부드럽고 시각적으로 매력적인 토스트 메시지를 제공합니다. Android, iOS, Web, macOS, Windows, Linux 등 다양한 플랫폼을 지원합니다. 현대적이고 몰입감 있는 방식으로 짧은 사용자 피드백을 전달하기에 적합합니다.

사용 사례

빠른 사용자 피드백 표시
성공 또는 오류 메시지 표시
섬세한 애니메이션으로 UI 향상
임시 경고 제공
시각적 신호를 통한 사용자 경험 향상

주요 기능

부드러운 애니메이션
최소 구성
크로스 플랫폼 지원
사용자 정의 가능한 외관
간단한 API
반응형 디자인

적합한 대상

초보자 플러터 개발자
경량 알림이 필요한 앱
UI 다듬기에 초점을 맞춘 프로젝트
빠른 프로토타이핑
사용자 친화적인 인터페이스

고려 사항

기본 스타일링 외에 제한된 사용자 지정 옵션
복잡한 알림 워크플로에 적합하지 않습니다
외부 애니메이션 라이브러리에 의존합니다
다크 모드용 추가 스타일링이 필요할 수 있습니다
간단하고 일시적인 메시지에 최적

원본 README

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

Flutter Hot Toast

A very cool and simple flutter toast that is highly inspired by React Hot Toast

Features

Getting started

First wrap your Material App with GlobalLoaderOverlay

Widget build(BuildContext context) {
    return GlobalLoaderOverlay(
      child: MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: const Home(),
      ),
    );
  }

Now you can call the toast to show in any part of your widget that is being encapsulated in the MaterialApp widget by:

context.loaderOverlay.show(
            widget: FlutterHotToast.loading(
              height: 70,
              width: 280,
              label: const Text(
                'loading...😬',
                style: TextStyle(
                  fontSize: 30,
                ),
              ),
            ),
          );

Usage

FloatingActionButton(
        child: const Icon(Icons.add),
        onPressed: () {
          context.loaderOverlay.show(
            widget: FlutterHotToast.loading(
              height: 70,
              width: 280,
              label: const Text(
                'loading...😬',
                style: TextStyle(
                  fontSize: 30,
                ),
              ),
            ),
          );
          Future.delayed(const Duration(seconds: 2), () {
            context.loaderOverlay.show(
              widget: FlutterHotToast.success(
                context,
                height: 70,
                width: 280,
                label: const Text(
                  'success ✅',
                  style: TextStyle(
                    fontSize: 30,
                  ),
                ),
              ),
            );
          });
        },
      ),

Additional information

This package uses lottie, loader_overlay and flutter_animate under the hood.

You can find the repository link at github to contribute to this project.

If you like this project, please follow me on github

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

패키지 설치