Light

jacksoncurrie / flutter_popup_card Goto Github PK

View Code? Open in Web Editor NEW

0.0 1.0 0.0 324 KB

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

Home Page: https://pub.dev/packages/flutter_popup_card

License: MIT License

Dart 23.64% Kotlin 0.20% Swift 2.81% Objective-C 0.06% CMake 30.49% C++ 37.49% C 2.32% HTML 2.99%

dart flutter flutter-plugin

flutter_popup_card's Introduction

Flutter popup card

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

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,
);

See full example app here.

flutter_popup_card's People

Contributors

Watchers

flutter_popup_card's Issues

Animate opening of popup

Want to add a better animation to the opening (and closing) of the popup.

Will need to figure out a good default animation and then allow users to use custom animations as well.

Set up CI/CD

No CI/CD is set up for this project yet.

Popup to show automatically under (or over) opening widget

As described. Will need a little planning.

This might change how the package works, as it doesn't have a child to open from at this stage.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.