An easy way to show a flutter custom popup widget.

Last update: Oct 26, 2022

Overview

flutter_easy_popup

An easy way to show a flutter custom popup widget.

Screenshot

Example	Screenshot
Dropdown Menu
App Operation Guide
Multi Highlights
Loading

Example

You can run example by commands below.

cd ./example
flutter create .
flutter run

Getting Started

dependencies:
  easy_popup: ^1.0.0

dependencies:
  easy_popup: 
    git: https://github.com/BakerJQ/flutter_easy_popup.git

Usage

Define Custom Popup Widget

Define your custom popup widget with EasyPopupChild, and implement dismiss function which does work that need to be done while dismiss, eg. show dismiss animation.

class CustomWidget extends StatefulWidget with EasyPopupChild {

  ...

  @override
  dismiss() {
    ...
  }
}

Call Show

Call EasyPopup.show() to show your widget as a popup.

EasyPopup.show(context, CustomWidget());

Call pop

Call EasyPopup.pop() to dismiss the popup.

EasyPopup.pop(context);

Params

Param	Desc
context	BuildContext
child	Your popup widget
offsetLT	Left and Top offset of the dark background
offsetRB	Right and Bottom offset of the dark background
cancelable	Whether the popup can be dismissed by pressing back button on Android
outsideTouchCancelable	Whether the popup can be dismissed by touch the outside area
darkEnable	Whether to show the dark background
duration	Duration to show the animation
highlights	Rects to show highlight area

Flutter custom carousel slider - A carousel slider widget,support custom decoration suitable for news and blog

flutter_custom_carousel_slider A carousel slider Flutter widget, supports custom

Dec 29, 2022

A Flutter widget to show an icon collection to pick. This widget extend TextField and has a similar behavior as TextFormField

icon_picker A Flutter widget to show an icon collection to pick. This widget extend TextField and has a similar behavior as TextFormField Usage In the

Sep 27, 2022

A flutter widget to indicate loading progress. Easy to use, easy to extend

💙 👾 💫 A flutter widget to indicate loading progress. Easy to use, easy to extend

May 30, 2022

The easiest way to style custom text snippets in flutter

Super Rich Text Check it out at Pub.Dev The easiest way to style custom text snippets Help Maintenance I've been maintaining quite many repos these da

Nov 4, 2022

A Flutter package providing an easy way to add floating ribbon to images.

Floating Ribbon A new Flutter package for creating floating ribbons on images. Dependency dependencies: floating_ribbon: any How To Use In order to

Sep 26, 2022

An easy way to add rounded corner floating app bar in Flutter project.

rounded_floating_app_bar Rounded floating app bar like new google applications has. This package provides an easy way to add rounded corner floating a

Nov 11, 2021

A package provides an easy way to add shimmer effect in Flutter project

flutter_shimmer_widget A package provides an easy way to add shimmer effect in Flutter project Getting Started Animation Example Project There is a ex

Jun 29, 2022

An easy way to add all google ads to your flutter app.

Google Ads An easy way to add all google ads to your flutter app. How to use it Add the google_mobile_ads package using flutter pub add google_mobile_

Sep 27, 2022

[Flutter package] An easy and quick way to check if the local app is updated with the same version in their respective stores (Play Store / Apple Store ).

Retrieve version and url for local app update against store app Android and iOS Features Using as reference packages like in_app_update , version_chec

Nov 9, 2022

Comments

修改支持直接绑定widget弹窗，同时支持透明度自定义

取消EasyPopupChild接口，通过设定onPopupDismiss来支持原有的EasyPopupChild接口中的dismiss功能，这样既可以通过自定义的widget来弹窗，页可以在需要弹窗的页绑定widget弹窗，可以方便弹出窗体的数据获取和交互。另增加onPopupShow在显示时的回调，同时修改darkEnable为opacity，以可以设定背景蒙版的透明度。

opened by wishinlife 0