flutter弹框怎么封装_Flutter Dialog(弹出框)

在 Flutter 里有大大小小的弹出框,例如:AlertDialog、SimpleDialog 等。

对于弹出框这些都不会直接使用它的组件,而是使用对应的调用函数(showDialog)。

AlertDialog

AlertDialog 是一个用于向用户传递信息的弹出层。

new MaterialButton(

color: Colors.blue,

child: new Text('点我'),

onPressed: () {

showDialog(

context: context,

barrierDismissible: false,

builder: (BuildContext context) {

return new AlertDialog(

title: new Text('标题'),

content: new SingleChildScrollView(

child: new ListBody(

children: [

new Text('内容 1'),

new Text('内容 2'),

],

),

),

actions: [

new FlatButton(

child: new Text('确定'),

onPressed: () {

Navigator.of(context).pop();

},

),

],

);

},

).then((val) {

print(val);

});

},

),

SimpleDialog

SimpleDialog 是一个用于向用户传递确定信息并提供选项的弹出层。

new MaterialButton(

color: Colors.blue,

child: new Text('点我'),

onPressed: () {

showDialog(

context: context,

builder: (BuildContext context) {

return new SimpleDialog(

title: new Text('选择'),

children: [

new SimpleDialogOption(

child: new Text('选项 1'),

onPressed: () {

Navigator.of(context).pop();

},

),

new SimpleDialogOption(

child: new Text('选项 2'),

onPressed: () {

Navigator.of(context).pop();

},

),

],

);

},

).then((val) {

print(val);

});

},

),

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值