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

aesthetic_dialogs 封面
套件詳情v0.0.15

aesthetic_dialogs

此 Flutter 插件可讓您顯示漂亮的自訂對話方塊。

AndroidiOSWeb
近 30 天下載
88
喜歡數
92
Pub 分數
140

安裝套件

flutter pub add aesthetic_dialogs

套件介紹

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

Aesthetic Dialogs 是一個 Flutter 插件,讓開發者能為 Android、iOS 和 Web 應用建立視覺上吸引人且可自訂的對話方塊。它提供簡單易用的 API,用於顯示具有現代設計、順暢動畫和彈性樣式選項的對話框。此套件透過提供標準 Flutter 對話框的吸引人替代方案來提升使用者體驗,非常適合重視視覺精緻度與互動回饋的應用程式。支援自訂內容與主題,開發者可將對話框調整為符合其應用程式的設計語調。

適用情境

  • 透過時尚的彈出對話框增強使用者介面
  • 建立自定確認或警示訊息
  • 透過動畫過渡提升使用者參與度
  • 設計引導或教程疊加層
  • 新增品牌對話體驗
  • 在模態視窗中顯示豐富內容

主要特色

  • 可自訂的對話方塊外觀
  • 平滑的動畫效果
  • 支援自定組件內容
  • 跨平台相容性(Android、iOS、Web)
  • 透過簡單的 API 實現輕鬆整合
  • 主題和樣式自訂

適合對象

  • 以使用者介面為導向的 Flutter 應用程式
  • 需要精緻使用者互動的應用程式
  • 尋求快速美學提升的開發者
  • 具有品牌特定對話框需求的專案
  • 重視使用者體驗設計的團隊

使用建議

  • 可能需要額外的樣式調整工作來處理複雜佈局
  • 除了基本用法之外,文件內容有限
  • 使用大量自定內容可能帶來效能影響
  • 不適合極簡設計方法
  • 依賴外部相依性以實現進階功能

原始 README

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

AestheticDialogs v0.0.15

AestheticDialogs is inspired by Laravel Notify This Flutter plugin allows you to display nice custom dialog boxes. It is only available on Android at the moment.

Android Version : AestheticDialogs

screen.png

Install

Kotlin version : minimum 1.3.40

AestheticDialog use AppCompat Themes

Add the dependency

dependencies {
	...
	implementation 'androidx.appcompat:appcompat:1.2.0'
}

Follow the instructions to integrate a package into your Flutter application. Make sure you also use the AppCompat themes :

  • Download the colors.xml file and paste it into your project: "/android/app/src/main/res/values/".
  • Download the styles.xml file and replace it into your project: "/android/app/src/main/res/values/".
How to use it?
import 'package:AestheticDialogs/AestheticDialogs.dart';

...

AestheticDialogs.showDialog(
        title: "My Dialog",
        message: "Hello!!!",
        cancelable: true,
        darkMode: false,
        dialogAnimation: DialogAnimation.IN_OUT,
        dialogGravity: DialogGravity.CENTER,
        dialogStyle: DialogStyle.EMOJI,
        dialogType: DialogType.INFO,
        duration: 3000);

The time is expressed in milliseconds and by default it is 3000ms. A more complete example can be found in the "example" folder of the Git repository.

Types of Dialog

AestheticDialog At this moment, library provides eight types of dialog i.e.

1. Flash Dialog 2. Connectify Dialog 3. Toaster Dialog
4. Emotion Dialog 5. Drake Dialog 6. Emoji Dialog
7. Rainbow Dialog 8. Flat Dialog

Dark Mode

AestheticDialog Also provides Dark Theme for some dialogs i.e.

1. Connectify Dark Dialog 2. Toaster Dark Dialog 3. Emoji Dark Dialog
4. Flat Dark Dialog LET's USE aesthetic Dialog !

Constants

DIALOG STYLE DIALOG TYPE DIALOG ANIMATION
RAINBOW
FLAT
CONNECTIFY
TOASTER
DRAKE
EMOJI
EMOTION
SUCCESS
ERROR
WARNING
INFO
DEFAULT
SLIDE_UP, SLIDE_DOWN
SLIDE_LEFT, SLIDE_RIGHT
SWIPE_LEFT, SWIPE_RIGHT
IN_OUT
CARD
SHRINK
SPLIT
DIAGONAL
SPIN
WINDMILL
FADE
ZOOM

Demo

You can download the demo app on PlayStore

Contribute

You can contribute us by filing issues, bugs and PRs.

Contributing:
  • Open issue regarding proposed change.
  • Repo owner will contact you there.
  • If your proposed change is approved, Fork this repo and do changes.
  • Open PR against latest dev branch. Add nice description in PR.
  • You're done!

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。