animated_gradient

パッケージ概要

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

Flutterパッケージで、アプリケーション内で複数の色を使用した滑らかでアニメーション付きのグラデーション背景を作成できるようにします。動的な色の遷移をサポートしており、モバイル、Web、デスクトッププラットフォームにおけるUIの視覚的魅力を高めるのに最適です。pub add経由で簡単に統合でき、アニメーション速度や方向をカスタマイズ可能です。スプラッシュスクリーン、ログインページ、または魅力的な背景効果が必要な任意のインターフェースに最適です。

用途

スプラッシュスクリーン
ログインインターフェース
ダッシュボードの背景
インタラクティブなUI要素
アプリオンボーディング画面

主な機能

複数の色グラデーション
スムーズなアニメーション遷移
カスタマイズ可能な速度と方向
クロスプラットフォーム対応
pub add を通じた簡単な統合
レスポンシブデザインの互換性

適している対象

視覚的な魅力を求めるUIデザイナー
現代的なアプリケーションインターフェースを構築する開発者
動的な背景効果を必要とするプロジェクト
Flutter 初心者がアニメーションを探求しています
複数のプラットフォームをターゲットにするアプリ

注意事項

低性能デバイスでのパフォーマンスに影響を与える可能性があります
読みやすさのために、色の選択に注意が必要です
アニメーションの設定は、UXに最適化されるべきです
静的背景のニーズには適していません
個々のグラデーションポイントに対する制御が限られている

元の README

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

Animated Gradient

Animated gradient package lets you add a beautiful randomly moving gradient to your Flutter app.

Installation

Add the latest version of package to your pubspec.yaml (and rundart pub get):

dependencies:
  animated_gradient: ^0.0.2

Import the package and use it in your Flutter App.

import 'package:animated_gradient/animated_gradient.dart';

Features

class MyApp extends StatelessWidget {  
  const MyApp({Key? key}) : super(key: key);  
  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      body: AnimatedGradient(  
        child: const Text("Done!",
          style : TextStyle(
            color: Colors.white,
            fontSize: 50,
            fontWeight: FontWeight.w700,
          ),
        ),  
      ),  
    );  
  }  
}

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

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