https://github.com/borisgautier/aestheticdialogs
📱 Flutter Plugin for 💫fluid, 😍beautiful, 🎨custom Dialogs
https://github.com/borisgautier/aestheticdialogs
android custom-dialogs dart dialogs flutter flutter-plugin kotlin moment null-safety
Last synced: 6 months ago
JSON representation
📱 Flutter Plugin for 💫fluid, 😍beautiful, 🎨custom Dialogs
- Host: GitHub
- URL: https://github.com/borisgautier/aestheticdialogs
- Owner: BorisGautier
- License: mit
- Created: 2020-11-03T01:21:49.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-01-01T09:11:20.000Z (over 3 years ago)
- Last Synced: 2024-12-17T15:22:32.696Z (6 months ago)
- Topics: android, custom-dialogs, dart, dialogs, flutter, flutter-plugin, kotlin, moment, null-safety
- Language: Dart
- Homepage: https://pub.dev/packages/aesthetic_dialogs
- Size: 418 KB
- Stars: 21
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# AestheticDialogs v0.0.15
AestheticDialogs is inspired by [Laravel Notify](https://github.com/mckenziearts/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](https://github.com/gabriel-TheCode/AestheticDialogs)
## Install
Kotlin version : minimum 1.3.40
AestheticDialog use AppCompat Themes
Add the dependency
```gradle
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](https://github.com/BorisGautier/aestheticDialogs/blob/master/example/android/app/src/main/res/values/colors.xml) file and paste it into your project: "/android/app/src/main/res/values/".
- Download the [styles.xml](https://github.com/BorisGautier/aestheticDialogs/blob/master/example/android/app/src/main/res/values/styles.xml) file and replace it into your project: "/android/app/src/main/res/values/".
### How to use it?
```dart
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](https://play.google.com/store/apps/details?id=com.thecode.sample)
## 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!