Flutter开发之——AlertDialog

• AlertDialog继承于StatelessWidget，可以作为组件使用

• 常见使用形式是showDialog+AlertDialog的组合形式

• sh​ owDialog和AlertDialog配合使用展示Material风格对话框

• showCupertinoDialog和CupertinoAlertDialog配合使用展示iOS风格对话框

• showCupertinoDialog点击空白处是无法退出对话框的，而showDialog点击空白处默认退出对话框

• barrierDismissible属性控制点击空白处的行为

2.3 AlertDialog构造函数

const AlertDialog({

Key? key,

this.title,

this.titlePadding,

this.titleTextStyle,

this.content,

this.contentPadding = const EdgeInsets.fromLTRB(24.0, 20.0, 24.0, 24.0),

this.contentTextStyle,

this.actions,

this.actionsPadding = EdgeInsets.zero,

this.actionsOverflowDirection,

this.actionsOverflowButtonSpacing,

this.buttonPadding,

this.backgroundColor,

this.elevation,

this.semanticLabel,

this.insetPadding = _defaultInsetPadding,

this.clipBehavior = Clip.none,

this.shape,

this.scrollable = false,

})

2.4 常用属性说明

| 属性 | 说明 | 取值 |

| :-: | :-: | :-: |

| title | Dialog标题 | Widget |

| content | Dialog描述内容 | Widget |

| actions | 可选操作(按钮) | List |

三 示例

---

3.1 Material风格基础用法

代码

RaisedButton(

child: Text(‘切换’),

onPressed: () {

showDialog(

context: context,

builder: (context) {

return AlertDialog(

title: Text(‘提示’),

content: Text(‘确认删除吗？’),

actions: [

FlatButton(child: Text(‘取消’),onPressed: (){},),

FlatButton(child: Text(‘确认’),onPressed: (){},),

],

);

});

},

)

效果图

3.2 AlertDialog—带样式

代码

RaisedButton(

child: Text(“AlertDialog弹出窗口”),

onPressed: () {

showDialog(

context: context,

builder: (build) {

return AlertDialog(

title: Text(‘提示’),

content: Text(‘确认删除吗？’),

backgroundColor: Colors.lightBlueAccent,

elevation: 24,

shape: RoundedRectangleBorder(

borderRadius: BorderRadius.circular(50)),

actions: [

FlatButton(child: Text(‘取消’), onPressed: () {},),

FlatButton(child: Text(‘确认’), onPressed: () {},),

],

);

});

})

效果图

3.3 CupertinoAlertDialog—IOS风格AlertDialog

代码

RaisedButton(

child: Text(‘IOS风格对话框’),

onPressed: () {

showCupertinoDialog(

context: context,

最后

小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

资料⬅专栏获取
效漫长且无助**。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

[外链图片转存中…(img-8dBwpIp5-1719088957919)]一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

资料⬅专栏获取