搜索插件、代码仓与 APP 分类

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!

所属分类

源码仓库

使用此插件的项目

暂无相关数据。