搜尋套件、儲存庫與 APP 分類

套件詳情v0.0.3

animated_gradient

用於在Flutter專案中建立帶有多個顏色的動畫漸變背景的外掛

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
2080
喜歡數
31
Pub 分數
160

安裝套件

flutter pub add animated_gradient

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

一個 Flutter 套件,讓開發者能在應用程式中建立順暢、動畫漸層背景,支援多種顏色。它支援動態色彩過渡,非常適合用於提升行動裝置、網頁及桌面平台的 UI 視覺吸引力。此外,該套件可透過 pub add 容易地整合,並提供可自訂的動畫速度與方向。適用於啟動畫面、登入頁面,或任何需要引人注目的背景效果的介面。

適用情境

  • 啟動畫面
  • 登入介面
  • 儀表板背景
  • 互動式 UI 元素
  • 應用入門螢幕

主要特色

  • 多種顏色漸變
  • 平滑的動畫過渡
  • 可自訂的速度與方向
  • 跨平台支援
  • 透過 pub add 輕鬆整合
  • 響應式設計相容性

適合對象

  • 尋求視覺魅力的UI設計師
  • 開發現代應用程式介面的開發者
  • 需要動態背景效果的專案
  • Flutter 初學者探索動畫
  • 針對多個平台的應用程式

使用建議

  • 可能影響低階裝置的效能
  • 需要仔細選擇顏色以確保可讀性
  • 動畫設定應針對使用者體驗進行最佳化
  • 不適用於靜態背景需求
  • 對單個漸變點的控制有限

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

Animated Gradient

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

Installation

  1. Add the latest version of package to your pubspec.yaml (and rundart pub get):
dependencies:
  animated_gradient: ^0.0.2
  1. 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,
          ),
        ),  
      ),  
    );  
  }  
}
animated gradient app demo

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。