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

패키지 상세v2.1.0

overlay_support

오버레이용 프로바이더 지원, 토스트 및 내부 알림을 쉽게 구축

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
12.4만
좋아요
701
Pub 점수
140

패키지 설치

flutter pub add overlay_support

패키지 개요

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

overlay_support는 모든 주요 플랫폼에서 토스트 및 알림과 같은 오버레이를 표시하는 간단하고 유연한 방법을 제공하는 Flutter 패키지입니다. 제공자 기반 솔루션으로 작동하여 복잡한 설정 없이 오버레이 콘텐츠를 쉽게 관리하고 사용자 정의할 수 있습니다. 동적 위치 지정, 사용자 정의 가능한 스타일링 및 부드러운 애니메이션을 지원하며, 앱 내 피드백 메커니즘에 이상적입니다. 최소한의 구성으로 지속적이거나 일시적인 오버레이를 앱에 통합할 수 있습니다.

사용 사례

  • 사용자 피드백 메시지 표시
  • 임시 알림 표시 중
  • 사용자 정의 토스트 컴포넌트 만들기
  • 앱 내 알림 구현
  • 오버레이 라이프사이클 관리
  • 비방해적인 메시지를 통한 UX 향상

주요 기능

  • 공급자 기반 오버레이 관리
  • 다중 플랫폼 지원 (Android, iOS, Web, macOS, Windows, Linux)
  • 사용자 지정 가능한 토스트 및 알림 스타일
  • 기존 플러터 앱과의 간편한 통합
  • 동적 위치 및 애니메이션 지원
  • 내장형 라이프사이클 제어

적합한 대상

  • 크로스 플랫폼 플러터 앱을 개발하는 개발자
  • 경량 알림 시스템이 필요한 팀
  • 일관된 앱 내 피드백이 필요한 앱
  • 미세한 상호작용 요소에 집중하는 UI/UX 디자이너
  • 최소 종속성이 선호되는 프로젝트

고려 사항

  • 복잡한 UI를 위해 추가적인 스타일링이 필요할 수 있습니다
  • 오버레이 스택 동작은 플랫폼 간에 테스트되어야 합니다
  • 기능이 풍부한 패키지에 비해 내장 테마 옵션이 제한적입니다
  • 중량 작업용 모달 대화 상자에는 적합하지 않습니다
  • 고주파 오버레이 업데이트로 인한 성능 영향

원본 README

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

overlay_support

Pub Pub CI codecov

Provider support for overlay, make it easy to build toast and In-App notification.

this library support ALL platform

Interaction

If you want to see the ui effect of this library, just click here https://boyan01.github.io/overlay_support/#/

How To Use

  1. add dependencies into you project pubspec.yaml file

    dependencies:
        overlay_support: latest_version
    
    • the latest version is Pub
    • For project without migrate to null safety, please use version overlay_support: 1.0.5-hotfix1
  2. wrap your AppWidget with OverlaySupport

  return OverlaySupport.global(child: MaterialApp());
  1. show toast or simple notifications
import 'package:overlay_support/overlay_support.dart';

void onClick() {
    // popup a toast.
    toast('Hello world!');

    // show a notification at top of screen.
    showSimpleNotification(
        Text("this is a message from simple notification"),
        background: Colors.green);
}

more instructions check here : example/README.md

License

see License File

End

if you have some suggestion or advice, please open an issue to let me known. This will greatly help the improvement of the usability of this project. Thanks.

카테고리

의존성

의존성 목록 1 개

소스 저장소

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