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

GitHub 儲存庫Creativity-AI-Studio/flutter_animated_dialog

flutter_animated_dialog

一個帶有系列精美動畫的新 Flutter 對話框,包括滑動、淡入淡出、旋轉、縮放、3D 旋轉等動畫。

flutter_animated_dialog 專案封面
星標
23
分支
51
最近推送(UTC)
2024年8月18日
專案狀態
未封存

原始 README

以下為英文專案原文快照,最新內容請造訪 GitHub。

flutter_animated_dialog

A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations. Dialog barrier include status bar at the top of screen, solved the problem of default dialog.

demo

Getting Started

dependencies:
  flutter_animated_dialog: ^1.2.0
import 'package:flutter_animated_dialog/flutter_animated_dialog.dart';
showAnimatedDialog(
  context: context,
  barrierDismissible: true,
  builder: (BuildContext context) {
    return ClassicGeneralDialogWidget(
      titleText: 'Title',
      contentText: 'content',
      onPositiveClick: () {
        Navigator.of(context).pop();
      },
      onNegativeClick: () {
        Navigator.of(context).pop();
      },
    );
  },
  animationType: DialogTransitionType.size,
  curve: Curves.fastOutSlowIn,
  duration: Duration(seconds: 1),
);

🚀 Roadmap


default

fade

slideFromTop

slideFromBottom

slideFromBottomFade

slideFromLeft

slideFromLeftFade

slideFromRight

slideFromRightFade

scale

fadeScale

scaleRotate

rotate

rotate3D

size

sizeFade

generalDialog

listSingleSelect

listDialog

listMultipleSelect

customDialog
showAnimatedDialog param
property description
context BuildContext (Not Null)(required)
barrierDismissible bool (default false)
builder WidgetBuilder (Not Null)(required)
animationType DialogTransitionType (default DialogTransitionType.fade)
curve Curve (default Curves.linear)
duration Duration (default const Duration(milliseconds: 400))
alignment AlignmentGeometry (default Alignment.center)

Example

example

Creativity-AI-Studio GitHub avatar
語言DartObjective-CJava

分類

使用的依賴

依賴清單 2 項

  • flutter{"sdk":"flutter"}
  • flutter_test開發依賴{"sdk":"flutter"}

如何選擇適合專案的儲存庫?

先依使用情境篩選,再比較專案活躍情況,最後到原始儲存庫確認使用要求。

  1. 透過儲存庫名稱、作者或描述搜尋,再依技術分類縮小範圍。
  2. 綜合星標、分支與最近推送比較專案;星標反映社群關注,不保證品質。
  3. 使用前在 GitHub 確認 README、授權條款與 Issues。

來源與維護

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗