kumi_popup_window

Description:

kumi popup window

✨ kumi_popup_window #

[Language] English | 中文文档
A simple and easy-to-use pop-up window. There are no flashy preset templates. Everything you want to pop up is customized by you.
1.Install
dependencies:
kumi_popup_window: ^2.0.0-nullsafety
copied to clipboard
2.Import
import 'package:kumi_popup_window/kumi_popup_window.dart';
copied to clipboard
3.Use
//both sowPopupWindow and createPopupWindow
showPopupWindow(
context,
gravity: KumiPopupGravity.rightBottom,
//curve: Curves.elasticOut,
bgColor: Colors.grey.withOpacity(0.5),
clickOutDismiss: true,
clickBackDismiss: true,
customAnimation: false,
customPop: false,
customPage: false,
//targetRenderBox: (btnKey.currentContext.findRenderObject() as RenderBox),
//needSafeDisplay: true,
underStatusBar: false,
underAppBar: true,
offsetX: 0,
offsetY: 0,
duration: Duration(milliseconds: 200),
onShowStart: (pop) {
print("showStart");
},
onShowFinish: (pop) {
print("showFinish");
},
onDismissStart: (pop) {
print("dismissStart");
},
onDismissFinish: (pop) {
print("dismissFinish");
},
onClickOut: (pop){
print("onClickOut");
},
onClickBack: (pop){
print("onClickBack");
},
childFun: (pop) {
return Container(
key: GlobalKey(),
padding: EdgeInsets.all(10),
height: 100,
width: 100,
color: Colors.redAccent,
);
},
);

copied to clipboard
4.Demo screen

note
Data update if using setState, please see [example] (example/lib/main.dart)
Brief description, see here for details



params
description
default




childFun
Method for customizing the content of the popup window. The returned widget will be used as the content of the popup window
null，(require)


gravity
Relative position of the pop-up window.
KumiPopupGravity.center


curve
Animation interpolator
Curves.decelerate


customAnimation
Custom popupWindow animation
false


customPop
Customize the position and animation of popupWindow
false


customPage
Customize the entire page, including Scaffold
false


bgColor
The color of the mask layer
Colors.black.withOpacity(0.5)


targetRenderBox
RenderBox of the target widget
null


underStatusBar
When the top pops up, is it below the statusBar
false


underAppBar
When the top pops up, is it below the AppBar
false


clickOutDismiss
Click outside the pop-up window to dismiss
true


clickBackDismiss
Click the physical back button to dismiss
true


offsetX
Offset at horizontal axis edge
0.0


offsetY
Offset at vertical axis edge
0.0


duration
Duration of the animation
Duration(milliseconds: 300)


needSafeDisplay
Do you need to display pop ups safely
false


onShowStart
When the popupWindow show animation start
null


onShowEnd
When the popupWindow show animation finish
null


onDismissStart
When the popupWindow dismiss animation start
null


onDismissEnd
When the popupWindow dismiss animation finish
null


onClickOut
Click on the listener outside the popup
null


onClickBack
Listening on clicking the physical back button
null






property/method
description




child
Popup window widget,Get its size and position by GlobalKey


isShow
Is the current pop-up displayed


controller
Animation Controller


show()
popup window show


dismiss()
popup window dismiss



About #

QQ：876625596
Email：[email protected]
Github：https://github.com/q876625596

License #
MIT License
Copyright (c) 2020 q876625596
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.