A Simple Popup Shape For Flutter

Overview

popup_shapes 🎯

Popup Shapes for Notifications and tooltips.

Shapes


TOP

LEFT CENTER RIGHT



CENTER

LEFT RIGHT



BOTTOM

RIGHT CENTER LEFT




How to use

popup_shape:
    git:
      url: https://github.com/MR0100/popup_shapes.git
  • explanations
/// bgColor : it is use for background color of the shape.
/// shadowColor : it is use for shadow color of shape.
/// shadowRadius : it is define spred radius of shadow.
/// position : it define the position of arrow. 
/// [TopLeft, TopCenter, TopRight, CenterRight, BottomRight, BottomCenter, BottomLeft, CenterLeft]

PopupShapes(
  width: 200,
  height: 60,
  child: Text(
    'Bottom Left',
    style: TextStyle(
      color: Colors.white, 
      fontSize: 16.0,
      ),
    ),
  bgColor: Colors.teal,
  position: PopupArrowPosition.BottomLeft,
  shadowRadius: 5.0,
  shadowColor: Colors.teal,
)

Example

import 'package:flutter/material.dart';
import 'package:popup_shape/popup_shapes.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Container(
            child: PopupShapes(
              width: 200,
              height: 60,
              child: Text(
                'Bottom Left',
                style: TextStyle(color: Colors.white, fontSize: 16.0),
              ),
              bgColor: Colors.teal,
              position: PopupArrowPosition.BottomLeft,
              shadowRadius: 5.0,
              shadowColor: Colors.teal,
            ),
          ),
        ),
      ),
    );
  }
}
You might also like...

Simple to use yet powerfull style widgets with syntax inspired by CSS.

Simple to use yet powerfull style widgets with syntax inspired by CSS.

Division Simple to use yet powerfull style widgets with syntax inspired by CSS. Please check out styled_widget which is a replacement of Division! The

Nov 20, 2022

A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file.

image_sequence_animator A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file. If you have a G

Jan 5, 2023

A windows only app to keep your folders password protected with a simple batch script.

A windows only app to keep your folders password protected with a simple batch script.

SecureFolder About SecureFolder is a Windows OS only app that makes password protected folders which you can access easily. It uses the latest Windows

Sep 21, 2022

A light weight library to easily manage a progress dialog with simple steps whenever you need to do it. You can easily show and hide it.

A light weight library to easily manage a progress dialog with simple steps whenever you need to do it. You can easily show and hide it.

progress_dialog A light weight package to show progress dialog. As it is a stateful widget, you can change the text shown on the dialog dynamically. T

Dec 11, 2022

A simple custom loading indicator package.

A simple custom loading indicator package.

custom_loading_indicator A Flutter package to customise the loading indicators with your organisation's logo. Let's say you're a dentist and your app

Aug 10, 2020

🔔 A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]

🔔  A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]

Animated Text Kit A flutter package which contains a collection of some cool and awesome text animations. Recommended package for text animations in C

Jan 6, 2023

This repository demonstrates use of various widgets in flutter and tricks to create beautiful UI elements in flutter for Android and IOS

This repository demonstrates use of various widgets in flutter and tricks to create beautiful UI elements in flutter for Android and IOS

AwesomeFlutterUI The purpose of this repository is to demonstrate the use of different widgets and tricks in flutter and how to use them in your proje

Nov 13, 2022

This is a Flutter URL preview plugin for Flutter that previews the content of a URL

This is a Flutter URL preview plugin for Flutter that previews the content of a URL

flutter_link_preview This is a URL preview plugin that previews the content of a URL Language: English | 中文简体 Special feature Use multi-processing to

Nov 2, 2022

Flutter liquid swipe - Liquid Swipe Animation Built With Flutter

Flutter liquid swipe - Liquid Swipe Animation Built With Flutter

Flutter Liquid Swipe liquid Swipe animation is amazing and its Created for iOS P

Dec 1, 2022
Owner
Mitul Vaghasiya
FLUTTER / DART || ANDROID / IOS DEVELOPMENT || HYBRID APPLICATION DEVELOPMENT || MOBILE APPLICATION DEVELOPER
Mitul Vaghasiya
Simple reactive animations in your Flutter apps.

just.motion Flutter package to create organic motion transitions. Why? The Motion Value stateless hot reload status notifier Ease Motion Spring Motion

Roi Peker 49 Nov 14, 2022
A Flutter package with a selection of simple yet very customizable set of loading animations.

Flutter Loading Animations A simple yet very customizable set of loading animations for Flutter projects. Installation Add the following to your pubsp

Andre Cytryn 171 Sep 23, 2022
Simple and configurable app introduction slider for Flutter

FLUTTER INTRO SLIDER Flutter Intro Slider is a flutter plugin that helps you make a cool intro for your app. Create intro has never been easier and fa

Duy Tran 623 Jan 7, 2023
Flutter Spring -simple & power full animation kit

A simple & powerfull pre-built animation kit. ?? Installation dependencies: spring: ^2.0.2 ?? Spring Animations Slide Scale Animated Card Flip Fa

null 51 Sep 25, 2022
A simple toggle switch widget for Flutter.

Toggle Switch A simple toggle switch widget. It can be fully customized with desired icons, width, colors, text, corner radius, animation etc. It also

Pramod Joshi 84 Nov 20, 2022
A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration.

A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration. pub package Getting Started

Hasan Mohammed 91 Dec 20, 2022
A simple quiz app for flutter web

exercicios A beginner flutter project Getting Started Pré-requisitos Antes de começar, você vai precisar ter instalado em sua máquina as seguintes fer

null 0 Dec 13, 2021
A simple login UI written in flutter

login_ui A simple Flutter login ui. Sign in screen Sign up screen

Mohammad Saleh 7 Nov 2, 2022
IntroAnimationSlider - A simple Flutte Animation Introduction for Mobile app easy to implement Using intro Views flutter

introappanimation simple Flutte Animation Introduction for Mobile app easy to im

null 3 Sep 22, 2022
Making drawings and animations in Flutter extremely simple

?? GraphXâ„¢ | rendering | prototype | design | Making drawings and animations in Flutter extremely simple. wiki-tips. To get some extended, boring expl

Roi Peker 382 Dec 21, 2022