A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations.

Last update: Dec 3, 2022

Overview

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

Fun canvas animations in Flutter based on time and math functions.

funvas Flutter package that allows creating canvas animations based on time and math (mostly trigonometric) functions. The name "funvas" is based on F

Jan 9, 2023

A flutter package that adds support for vector data based animations.

animated_vector Description and inspiration A package that adds support for vector data based animations. The data format is heavily inspired from the

Apr 26, 2022

Simple reactive animations in your Flutter apps.

just.motion Flutter package to create organic motion transitions. Why? The Motion Value stateless hot reload status notifier Ease Motion Spring Motion

Nov 14, 2022

Timer UI animation challenge from 'Flutter Animations Masterclass'

stopwatch_flutter An IOS stopwatch challenge from Flutter Animations Masterclass - Full Course What I learned; Use timer Use ticker Create custom shap

Jan 4, 2023

🐱‍👤 Flutter-Animation 🔥 🔥 List Animated Staggered Animations

🐱‍👤 Staggered Animations made with algeria ❤

Nov 22, 2022

A collection of Animations that aims to improve the user experience for your next flutter project.

Dec 24, 2022

A Flutter Log In Page using Flare Animations

Bear_log_in An example built using JCToon's Flare File as a custom UI component. Bear will follow the cursor as you type or move it around. Overview T

Oct 19, 2022

A package to create nice and smooth animations for flutter

animation_director A package to create nice and smooth animations for flutter Introduction A simple package to build beautiful and smooth animations f

Nov 28, 2022

A Flutter package with a selection of simple yet very customizable set of loading animations.

Flutter Loading Animations A simple yet very customizable set of loading animations for Flutter projects. Installation Add the following to your pubsp

Sep 23, 2022

Comments

Unable to set dialog size

When i wrap my widget with a Container， set width or height is not working，the dialog is always fullscreen showAnimatedDialog( context: context, barrierDismissible: true, builder: (BuildContext context) { return Container( padding: EdgeInsets.all(10.0), width: 200.0, child: FlutterLogo( size: 150.0, ), ); }, animationType: DialogTransitionType.size, curve: Curves.linear, );

opened by liyao20190808 2

Bug: override of theme data

hi!

i set my theme data in main.dart like this:

Widget buildApp(BuildContext context) {
    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
        statusBarColor: Colors.green[700],
        systemNavigationBarColor: Colors.green[700],
        statusBarBrightness: Brightness.light));
    return OverlaySupport.global(
        child: MaterialApp(
      theme: ThemeData(primarySwatch: Colors.green),
      home: HomePage(),
      navigatorKey: NavigationService.instance.navigationKey,
    ));
  }

so i set the appbar a bit darker then the default color... Screenshot_20210420-190138

after i call flutter animated dialog popup, the background of the dialog gets a bit darker(gray?) Screenshot_20210420-190202

and when i close it, it override the SystemChrome settings.. the appbar is now only green and not Colors.green[700] like before Screenshot_20210420-190207

opened by s3ppo 0

Owner

GitHub

A light weight package for flutter apps, that easily shows a splash screen with a nice fade animation.

Animated Splash Screen Using the package Get the library environment: sdk: ">=2.1.0 <3.0.0" Add dependency in pubspec.yaml dependencies: animated_

112 Oct 6, 2022

Mobile App for EndSAR in Nigeria. End SARS is a decentralized social movement, and series of mass protests against police brutality in Nigeria.

?? ?? Endsars SOROSOKE ✨ Requirements Any Operating System (ie. MacOS X, Linux, Windows) Any IDE with Flutter SDK installed (ie. IntelliJ, Android Stu

3 Feb 23, 2022

A Flutter package for a quick and handy giffy dialog.

?? Giffy Dialogs A beautiful and custom alert dialog for flutter highly inspired from FancyAlertDialog-Android. The source code is 100% Dart, and ever

626 Dec 29, 2022

A light weight library to easily manage a progress dialog with simple steps whenever you need to do it. You can easily show and hide it.

progress_dialog A light weight package to show progress dialog. As it is a stateful widget, you can change the text shown on the dialog dynamically. T

202 Dec 11, 2022