nice_overlay 1.0.1

nice_overlay: ^1.0.1 copied to clipboard

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

Features #

In App Notification	Snack Bar	Toast

• 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 #

NiceSnackBar #

NiceToast #