nice_overlay 1.0.1 copy "nice_overlay: ^1.0.1" to clipboard
nice_overlay: ^1.0.1 copied to clipboard

A package for controlling overlay components such as in-app notification, toast, and snack bar.

A package for controlling overlay components such as in-app notification, toast, and snack bar.

Features #

In App Notification
Snack Bar
Toast
in_app_notification.gif snack_bar.gif toast.gif
  • Support all platforms(Implemented only with dart)
  • Provide several types of overlays
    • in-app notification
    • toast
    • snack bar
  • Various overlay control features
    • set display priority
    • show
    • close
    • close all
    • queued
    • clear queue
    • dismissible
  • Easily customizable
    • animation
    • duration
    • shadow
    • vibration
    • color
    • etc

Hot to use #

Add package in pubspec.yaml file. #

dependencies:
  nice_overlay: ^latest_version

Import package in your dart file. #

import 'package:nice_overlay/nice_overlay.dart';

Create navigator key and call NiceOverlay.init(). #

GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();
NiceOverlay.init(navigatorKey);

Set MaterialApp's navigatorKey property by navigatorKey we created. #

MaterialApp(
    navigatorKey: navigatorKey,
    // ...
);

Call NiceOverlay's show method. #

// These examples are just very simple examples.
// There are more properties for customizing.
// Please check the Properties part to see other properties!

// in-app notification
NiceOverlay.showInAppNotification(
    NiceInAppNotification(
        title: const Text('In app notification'),
        body: const Text('What a nice in app notification!'),
    ),
);

// snack bar
NiceOverlay.showSnackBar(
    NiceSnackBar(
        message: Text('What a nice snack bar!'),
        action: GestureDetector(
            onTap: NiceOverlay.closeSnackBar,
            child: const Text('close'),
        ),
    ),
);

// toast
NiceOverlay.showToast(
    NiceToast(
        message: const Text('What a nice toast!'),
    ),
);

Properties #

NiceInAppNotification #

name type
title Widget?
body Widget?
onTap void Function()?
leading Widget?
trailing Widget?
vibrate bool
displayDuration Duration
minimumDisplayDuration Duration
dismissDirection DismissDirection
isDismissible bool
showingAnimationCurve Curve
showingAnimationDuration Duration
closingAnimationCurve Curve
closingAnimationDuration Duration
backgroundColor Color
boxShadows List
borderRadius BorderRadius
padding EdgeInsets
margin EdgeInsets

NiceSnackBar #

name type
message Widget?
action Widget?
vibrate bool
displayDuration Duration
minimumDisplayDuration Duration
isDismissible bool
showingAnimationCurve Curve
showingAnimationDuration Duration
closingAnimationCurve Curve
closingAnimationDuration Duration
backgroundColor Color
boxShadows List
borderRadius BorderRadius
padding EdgeInsets
margin EdgeInsets
niceSnackBarPosition NiceSnackBarPosition
useSafeArea bool

NiceToast #

name type
message Widget?
onTap void Function()?
vibrate bool
displayDuration Duration
minimumDisplayDuration Duration
dismissDirection DismissDirection
isDismissible bool
showingAnimationCurve Curve
showingAnimationDuration Duration
closingAnimationCurve Curve
closingAnimationDuration Duration
backgroundColor Color
boxShadows List
borderRadius BorderRadius
padding EdgeInsets
margin EdgeInsets
niceToastPosition NiceToastPosition
5
likes
150
pub points
43%
popularity

Publisher

verified publisherterry1213.com

A package for controlling overlay components such as in-app notification, toast, and snack bar.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on nice_overlay