パッケージ、リポジトリ、アプリカテゴリを検索

status_alert のカバー
パッケージ詳細v3.0.1

status_alert

Appleシステム風の自己非表示ステータスアラートを表示します。ユーザーの作業フローを妨げず、通知に適しています。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
698
いいね数
287
Pub ポイント
160

パッケージをインストール

flutter pub add status_alert

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

AppleのUIにインスパイアされたシステムスタイルで、自己非表示になるステータスアラートを表示するFlutterパッケージです。これらの侵襲的な通知は画面の上部に一時的に表示され、自動的に消えます。ユーザーのフローを妨げることなくフィードバックを提供するのに最適です。洗練されたミニマリストなデザインで、Android、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームをサポートしています。軽量で簡単に統合でき、デバイス間で滑らかなアニメーションと信頼性の高い動作を提供します。

用途

  • フォーム送信後に成功メッセージを表示する
  • 一時的なエラーメッセージを表示しています
  • ユーザーの操作に対するフィードバックを提供する
  • バックグラウンドプロセスの更新についてユーザーに通知する
  • 繊細でブロッキングしないアラートによるUXの向上

主な機能

  • 自己非表示通知
  • Apple風のビジュアルデザイン
  • クロスプラットフォーム互換性
  • スムーズなフェードイン/フェードアウトアニメーション
  • 最小限のセットアップで簡単な API
  • 設定可能な期間と位置

適している対象

  • 軽量なフィードバックを必要とするアプリ
  • ユーザー体験を最優先とする開発者
  • 複数プラットフォーム向けのプロジェクト
  • 中断を回避する必要があるUI
  • ネイティブ風のアラートスタイルを望むチーム

注意事項

  • 恒久的または重要なアラートには適していません
  • 基本的なスタイリングを超えるカスタマイズは限定的
  • 正しい配置には適切なコンテキストが必要です
  • 複雑なウィジェットツリーでは期待通りに動作しない可能性があります
  • 短期間で非緊急なメッセージに最適

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Status Alert for Flutter

Pub Version CI

Display Apple system-like self-hiding status alerts. Well suited for notifying users without interrupting their flow.

Installing

dependencies:
  status_alert: ^2.0.0
import 'package:status_alert/status_alert.dart';

Basic Usage

StatusAlert.show(
  context,
  duration: Duration(seconds: 2),
  title: 'Subscribed',
  subtitle: 'You will be notified of new posts',
  configuration: IconConfiguration(icon: Icons.done),
  maxWidth: 260,
);

Parameters

Parameter Type Default Description
title String? null Main text
subtitle String? null Secondary text
configuration PopupMediaConfiguration? null Icon or custom widget
duration Duration 1300ms How long the alert stays visible
backgroundColor Color? Theme-based Alert background
blurPower double 2.0 Background blur sigma
maxWidth double? null Max width on large screens
alignment Alignment center Alert position on screen
margin EdgeInsets all(40) Outer spacing
padding EdgeInsets all(30) Inner spacing
borderRadius BorderRadius circular(10) Corner radius
dismissOnBackgroundTap bool false Dismiss when background is tapped
onComplete VoidCallback? null Called after dismiss animation ends
titleOptions StatusAlertTextConfiguration? null Title text styling
subtitleOptions StatusAlertTextConfiguration? null Subtitle text styling

Media Configurations

Icon
StatusAlert.show(
  context,
  title: 'Done',
  configuration: IconConfiguration(
    icon: Icons.check_circle,
    color: Colors.green,
    size: 60,
  ),
);
Custom Widget (e.g. Rive animation)
StatusAlert.show(
  context,
  title: 'Loading',
  configuration: WidgetConfiguration(
    widget: RiveAnimation.asset('assets/animation.riv'),
  ),
);

Programmatic Control

// Show
StatusAlert.show(context, title: 'Saved');

// Hide manually
StatusAlert.hide();

// Check visibility
if (StatusAlert.isVisible) { ... }

onComplete Callback

Called after the alert finishes its dismiss animation:

StatusAlert.show(
  context,
  title: 'Uploaded',
  onComplete: () => Navigator.push(context, ...),
);

Migration from 1.x

1.x 2.x
FlareConfiguration Use WidgetConfiguration with a Rive widget
textScaleFactor in StatusAlertTextConfiguration Use textScaler
Dart SDK <3.0.0 Requires Dart >=3.0.0

Apple Podcasts vs Status Alert

License

This project is licensed under the Apache License 2.0 — see the LICENSE file for details.

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。