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

top_snackbar_flutter 표지
패키지 상세v3.5.0

top_snackbar_flutter

상단 스낵바 패키지는 사용자에게 일어난 일을 편리하고 쉽게 알리기 위해 만들어졌습니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
4.7만
좋아요
531
Pub 점수
160

패키지 설치

flutter pub add top_snackbar_flutter

패키지 개요

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

Top Snackbar Flutter는 화면 상단에 깔끔하고 사용자 친화적인 피드백 메시지를 제공하도록 설계된 알림 패키지입니다. 작업 흐름을 방해하지 않으면서도 액션, 상태 또는 이벤트에 대해 사용자를 안내하는 간단하고 사용자 정의 가능한 방법을 제공합니다. 통합의 용이성을 고려하여 Android, iOS, Web, macOS, Windows, Linux 등 다양한 플랫폼을 지원합니다. 부드러운 애니메이션과 장치 간 일관된 스타일을 통해 UX를 향상시킵니다. 즉각적이고 비방해적인 피드백이 필요한 앱에 이상적입니다.

사용 사례

  • 작업 확인 표시
  • 오류 또는 성공 메시지 표시
  • 실시간 상태 업데이트 제공
  • 상호작용 중 사용자 피드백 향상
  • 백그라운드 프로세스 결과 사용자에게 알리기

주요 기능

  • 상단 정렬 알림
  • 사용자 정의 가능한 외관 및 지속 시간
  • 크로스 플랫폼 호환성
  • 부드러운 애니메이션
  • 간단한 API 통합
  • 다크 모드 지원

적합한 대상

  • 모바일 및 웹 애플리케이션
  • 즉시 사용자 피드백이 필요한 앱
  • 경량 토스트 솔루션을 찾는 개발자
  • 클린한 UI/UX 디자인을 강조하는 프로젝트
  • 다중 플랫폼 배포를 위해 플러터를 사용하는 팀

고려 사항

  • 상단 위치의 snackbar만 제한
  • 복잡한 레이아웃에 대한 내장 지원 없음
  • 취소 시점의 수동 처리가 필요합니다
  • 짧은 메시지에 가장 적합
  • 브랜드 일관성을 위해 추가 스타일링이 필요할 수 있습니다

원본 README

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

SWUbanner

Made in lanars.com.

pub package

If you need to show the user some information in a nice way, you can use this package. The API is as simple as API for regular Material method showDialog. If you need to use your own widget to display, you can pass it into showTopSnackBar function.

Getting Started

In order to show a CustomSnackBar you need to call a showTopSnackBar function. You can pass there any widget you want but we have a CustomSnackBar for example.

showTopSnackBar(
    Overlay.of(context),
    CustomSnackBar.success(
      message:
          "Good job, your release is successful. Have a nice day",
    ),
);
showTopSnackBar(
    Overlay.of(context),
    CustomSnackBar.info(
      message:
          "There is some information. You need to do something with that",
    ),
);
showTopSnackBar(
    Overlay.of(context),
    CustomSnackBar.error(
      message:
          "Something went wrong. Please check your credentials and try again",
    ),
);

Persistent snackbar

There is a usage example demo example/main.dart

AnimationController localAnimationController;
TapBounceContainer(
    onTap: () {
        showTopSnackBar(
            Overlay.of(context),
            CustomSnackBar.info(
              message: "Persistent SnackBar",
            ),
            persistent: true,
            onAnimationControllerInit: (controller) =>
              localAnimationController = controller,
        );
    },
    child: buildButton(context, "Show persistent SnackBar"),
),
TapBounceContainer(
    onTap: () => localAnimationController.reverse(),
    child: buildButton(context, "Dismiss"),
),

카테고리

의존성

의존성 목록 1 개

소스 저장소

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