カテゴリー・パッケージ・リポジトリを検索

flutter_fader のカバー
パッケージ詳細v2.0.1

flutter_fader

子のウィジェットをフェードイン・フェードアウトできるFlutterウィジェットです。フェードアウトされた場合、子ウィジェットはツリーから削除されます(操作できなくなります)

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

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

flutter pub add flutter_fader

パッケージ概要

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

Flutter Fader は、子ウィジェットをスムーズにフェードイン・フェードアウトする軽量なアニメーションウィジェットです。フェードアウトされた場合、子ウィジェットはウィジェットツリーから削除され、操作できなくなります。ローディングインジケーター、モーダル、または動的なコンテンツの更新など、ユーザーインターフェースでクリーンで応答性のある遷移を作成するのに最適です。このパッケージは、Android、iOS、Web、macOS、Windows、Linux を含むすべての主要プラットフォームをサポートしており、クロスプラットフォームアプリケーションに非常に柔軟です。Flutter のアニメーションシステムとシームレスに統合され、最小限のセットアップで使用できます。

用途

  • 読み込み状態の遷移
  • モーダルまたはダイアログのアニメーション
  • 動的コンテンツの可視性
  • ユーザーインターフェースのフィードバック
  • スムーズな画面要素の変更

主な機能

  • スムーズなフェードイン/アウトアニメーション
  • フェードアウト時に子要素をツリーから削除する
  • クロスプラットフォーム互換性
  • 最小構成
  • Flutterとのシームレスな統合
  • すべての主要プラットフォームをサポートしています

適している対象

  • シンプルなフェード効果が必要な開発者
  • 動的なUI要素を持つアプリ
  • クロスプラットフォームプロジェクト
  • UI/UX の向上
  • 可視性制御を必要とするインタラクティブコンポーネント

注意事項

  • フェードアウト後に子ウィジェットが保持されない
  • 永続的なUI要素には適していません
  • 状態付きコンテキストでは注意が必要です
  • フェード遷移のみに限定
  • 組み込みの逆アニメーション制御なし

元の README

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

flutter_fader

pub package codecov style: flutter lints License: MIT

A widget for Flutter that allows you to fade in and out a child widget.
When a widget is faded out it is no longer in the view tree. Meaning that it can't be used or interacted with. Handy for hiding buttons.

Example of fader with buttons Example of fader with scroll

Getting started

In your Flutter project, add the package to your dependencies

dependencies:
  ...
  flutter_fader: ^2.0.0

Usage example

Examples of how to use the widget, and that can also be ran on your device, can be found in the example directory

Import the fader package

import 'package:flutter_fader/flutter_fader.dart';

Create a fader controller, this allows you to control when the Fader fades in or out

FaderController faderController = new FaderController();

Create a fader widget, and pass it the fader controller

Fader(
  controller: faderController,
  duration: const Duration(milliseconds: 50),
  child: Text("Hello, world!"),
)

Now you can fade the child widget in and out at will

faderController.fadeOut();
faderController.fadeIn();

カテゴリー

ソースリポジトリ

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

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