Simple Fontellico Progress Dialog ⌛

This package helps to render a progress dialog window with different types of loading indicator.

New Features 💥

  • Preventing the physical back button of android hiding the loading modal.
  • Setting a prop into the showDialog function to change the indicator color.
  • New icons to show into the dialog: Bullets, MultiHurricane, Spinner, Cog, Redo and Notch.
  • Adding textAlign prop on show method

Instalation

Include simple_fontellico_progress_dialog in your pubspec.yaml file:

dependencies:
  flutter:
    sdk: flutter
  simple_fontellico_progress_dialog: version

Demo Vertical Mode

Demo Horizontal Mode

Usage

To use this package, just import it into your file, create a new instance, pass the context as parameter(required).

import 'package:simple_fontellico_progress_dialog/simple_fontico_loading.dart';

...

SimpleFontelicoProgressDialog _dialog = SimpleFontelicoProgressDialog(context: context, barrierDimisable:  false);
...

void showDialog() async{
  _dialog.show(message: 'Loading...', type: type);
  await Future.delayed(Duration(seconds: 1));
  _dialog.hide();
}

...

Constructor

NameDescriptionRequiredDefault
contextBuildcontext to render the dialogTrue
barrierDimisableBoolean value to indicate barrierDimisable on dialogTrue

To show a dialog, use the show method, to hide it, use the hide method. Simple like that.

Properties used on show method

NameDescriptionRequiredDefault
messageString to set a message into the dialogTrue
typeSimple dialog type (normal, threeline, multiline, refresh, hurricane, phoenix, iphone)Falsenormal
widthDouble value to set the dialog widthFalse100
heightDouble value to set the dialog heightFalse120
elevationDouble value to set the dialog elevationFalse5.0
radiusDouble value to set the dialog border radiusFalse5.0
backgroundColorColor value to set the dialog background colorFalseColors.white
indicatorColorColor value to set the indicator colorFalseColors.blue600
durationDuration value to animate loading indicatorFalse1000 miliseconds
horizontalBoolean value to set if loading has to show on horizontalFalsefalse
separationDouble value to set the separation between loading and textFalse10.0
textStyleStyle to customize the text inside dialogFalseTextStyle(fontSize: 14)
textAlignAlignment of the messageFalseTextAlign.center
hideTextBoolean value to hide the text widgetFalsefalse
loadingIndicatorWidget to use when type is set on custom.False (Required when type is custom)

Properties used on updateMessageText method

NameDescriptionRequiredDefault
messageString to update the message inside an opened dialgoTrue

Libraries

fontelico_icons
rotate_icon
simple_fontellico_progress_dialog