popup

Description:

popup

Features #
一个弹窗组件，使用PopupRoute弹出。

Getting started #
Import package:popup/popup.dart
使用Builder包裹点击的Widget，调用showPopup方法即可



属性名
类型
默认值
简介




context
BuildContext
必填
为了方便获取点击的widget的尺寸和位置


child
Widget
必填
弹出的widget


margin
EdgeInsets
EdgeInsets.zero
弹窗边距


position
PopPosition
PopPosition.top
弹出的位置


arrowSize
double
10
箭头的尺寸


arrowAspectRatio
double
0.5
箭头高宽比


arrowColor
Color
Colors.black
箭头颜色


showArrow
bool
true
是否显示箭头


space
double
0
点击的widget与弹窗箭头之间的间距


barrierColor
Color
null
弹窗背景颜色



Usage #
Builder _buildChild(PopPosition position) {
var name = position.name.split(".").first;
return Builder(builder: (context) {
return GestureDetector(
onLongPress: () {
showPopup(
position: position,
context: context,
margin: const EdgeInsets.symmetric(horizontal: 5),
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(6),
color: Colors.black,
),
padding: const EdgeInsets.all(4),
child: Text(
List.generate(Random().nextInt(10) + 3, (index) => name).toString(),
style: const TextStyle(color: Colors.white),
),
));
},
child: Container(
decoration: BoxDecoration(border: Border.all(color: Colors.red)),
width: 100,
height: 100,
child: Center(
child: Text(name),
),
),
);
});
}
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter