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

wave_transition 封面
套件詳情v0.0.6

wave_transition

一個幫助您創建驚人的波浪過渡效果的 Flutter 套件。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
27
喜歡數
32
Pub 分數
150

安裝套件

flutter pub add wave_transition

套件介紹

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

一個專為創造平滑且視覺上吸引人的螢幕或組件之間波浪過渡效果而設計的 Flutter 套件。它讓開發者能以最少的程式碼實現流體、動畫波浪效果,透過動態視覺反饋提升使用者體驗。非常適合重視引人入勝動畫的現代應用程式介面。此套件支援所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux,確保跨裝置行為一致。

適用情境

  • 建立動畫螢幕過渡
  • 透過波浪效果增強UI導航
  • 為按鈕點擊增添視覺魅力
  • 設計帶有波浪動畫的啟動畫面
  • 實現互動式小部件過渡

主要特色

  • 平滑波浪動畫效果
  • 跨平台相容性
  • 簡單的 API 結合
  • 可自訂的波形參數
  • 輕量且高效
  • 支援正向與反向過渡

適合對象

  • 尋求動態動畫的UI/UX設計師
  • 開發現代 Flutter 應用的開發者
  • 需要引人入勝的引導體驗的應用程式
  • 專注於視覺敘事的專案
  • 致力於打造精緻、專業的介面的團隊

使用建議

  • 可能影響低階裝置的效能
  • 需要仔細調整以獲得最佳視覺效果
  • 除了波形和速度之外,自訂選項有限
  • 不適合高度複雜的轉換邏輯
  • 建議謹慎使用,以避免視覺雜亂

原始 README

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

wave_transition

The package will provide smooth wave transitions between pages without having to write any boilerplate code.

example

Getting Started

[Example] (https://github.com/sonykurian96/wave_transition/blob/master/example/lib/main.dart)

To use this package : *add the dependency to your [pubspec.yaml] file

   dependencies:
     flutter:
       sdk: flutter
     wave_transition:

use case

   onPressed: () {
     Navigator.push(
       context,
       WaveTransition(
        child: SecondScreen(),
        center: FractionalOffset(0.90, 0.90)
        duration: Duration(milliseconds: 3000) // optional
      )
   );
 },

You can pass arguments using RouteSettings ->

    settings: RouteSettings(
      arguments: "yeah! it works!"
    )

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。