搜尋分類、套件與程式碼儲存庫

套件詳情v1.0.1

snappable

一個用於Thanos響指效果的Flutter程式庫。使用它可將您的Widgets變為灰塵。僅供娛樂!

近 30 天下載
14
喜歡數
81
Pub 分數
40

安裝套件

flutter pub add snappable

套件介紹

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

Snappable 是一個 Flutter 庫,為您的組件帶來標誌性的Thanos彈指效果,透過有趣的動畫將它們轉化為灰塵。純粹為娛樂設計,為任何UI元素增添戲劇性和娛樂性的視覺風格。該套件利用Flutter的動畫功能,創造出令人滿意的解體效果,非常適合用於充滿奇思妙想或主題化的應用互動。輕量級且容易整合,設定簡單。完美適用於需要透過動畫提升使用者參與度的應用中,增添一絲幽默感或電影般的氣氛。

適用情境

  • 在遊戲裡添加有趣的特效
  • 增強互動式教程
  • 創建有趣的應用程式過渡效果
  • 模擬數位破壞
  • 有趣的用戶反饋

主要特色

  • Thanos 拍攝動畫
  • Widget 分解效果
  • 簡單整合
  • 輕量且有趣
  • 無需複雜設定

適合對象

  • 尋求有趣動畫的開發者
  • 具有遊戲化元素的應用程式
  • 帶有幽默互動的原型
  • UI實驗
  • 以樂趣為導向的應用程式

使用建議

  • 不適合用於需要嚴謹性的生產應用
  • 僅限娛樂用途
  • 在低階設備上可能表現不佳
  • 建議節制使用,以免造成分心
  • 不支援基本效果以外的自訂

原始 README

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

snappable

Thanos effect library in Flutter

Check out blog post describing the package on Fidev.

Examples

Example 1 Example 2 Example 3

Getting Started

Import it
import 'package:snappable/snappable.dart';
Wrap any widget in Snappable
@override
Widget build(BuildContext context) {
  return Snappable(
    child: Text('This will be snapped'),
  );
}
Snap with a Key

class MyWidget extends StatelessWidget {
  final key = GlobalKey<SnappableState>();
  @override
  Widget build(BuildContext context) {
    return Snappable(
      key: key,
      child: Text('This will be snapped'),
    );
  }
  
  void snap() {
    key.currentState.snap();
  }
}

Undo by currentState.reset().

or snap by tap

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Snappable(
      snapOntap: true,
      child: Text('This will be snapped'),
    );
  }
}

Undo by tapping again.

Callback for when the snap ends

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Snappable(
      onSnapped: () => print("Snapped!"),
      child: Text('This will be snapped'),
    );
  }
}

所屬分類

依賴

依賴清單 1 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。