Flutter 的Dialog使用

  1. Flutter Dialog
    (1)AboutDialog
    在这里插入图片描述
    (2)AlertDialog
    在这里插入图片描述
    (3)SimpleDialog
    在这里插入图片描述

// AboutDialog
  void showAboutDialog(BuildContext context) {
    showDialog(context: context, builder: (_) => new AboutDialog(
      applicationName: 'AndroidStudio',
      applicationIcon: Icon(Icons.add_chart),
      children: [
        Text('这是一个AndroidStudio')
      ],
    ));
  }

  // SimpleDialog
  void showSimpleDialog(BuildContext context) {
    showDialog(context: context, builder: (_) => new SimpleDialog(
      title: Text('选择'),
      children: [
        SimpleDialogOption(
          child: Text('选项1'),
          onPressed: () {
            Navigator.of(context).pop();
          },
        ),
        SimpleDialogOption(
          child: Text('选项2'),
          onPressed: () {
            Navigator.of(context).pop();
          },
        ),
        SimpleDialogOption(
          child: Text('选项3'),
          onPressed: () {
            Navigator.of(context).pop();
          },
        ),
        SimpleDialogOption(
          child: Text('选项4'),
          onPressed: () {
            Navigator.of(context).pop();
          },
        )
      ],
    ));
  }

  // AlertDialog
  void showAlertDialog(BuildContext context) {
    showDialog(context: context, builder: (_) => new AlertDialog(
      title: Text('标题'),
      content: SingleChildScrollView(
        child: ListBody(
          children: [
            Text('较长的List。。。'),
            Text('较长的List。。。'),
            Text('较长的List。。。'),
            Text('较长的List。。。'),
            Text('较长的List。。。'),
            Text('较长的List。。。'),
            Text('较长的List。。。'),
            Text('较长的List。。。'),
            Text('较长的List。。。'),
          ],
        ),
      ),
      actions: [
        FlatButton(onPressed: () {
          Navigator.of(context).pop();
        }, child: Text('确定')),
        FlatButton(onPressed: () {
          Navigator.of(context).pop();
        }, child: Text('取消')),
      ],
    ));
  }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值