Skip to content

A Flutter plugin to create a card or custom widget that can popup overtop of your main app.

License

Notifications You must be signed in to change notification settings

jacksoncurrie/flutter_popup_card

Repository files navigation

Flutter popup card

pub package

A lightweight plugin to create a card or custom widget that can popup overtop of your main app.

Mobile example image Mobile example recording

Usage

This plugin is based off the showDialog function built in to Flutter and operates very similarly.

To show a popup use showPopupCard.

Use the PopupCard widget for a Material style look.

This sample shows how to show a simple yellow popup card:

showPopupCard(
  context: context,
  builder: (context) {
    return PopupCard(
      elevation: 8,
      color: Colors.yellow,
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(12.0),
      ),
      child: const Padding(
        padding: EdgeInsets.all(16.0),
        child: Text('This is a popup card'),
      ),
    );
  },
  offset: const Offset(-16, 70),
  alignment: Alignment.topRight,
  useSafeArea: true,
  dimBackground: true,
);

See full example app here.