简介
SimpleDialog 是一个用于向用户传递确定信息并提供选项的弹出层
- SimpleDialog 可为用户提供多个选项选择。有一个可选的标题,显示在选项上方
基本用法
通常作为子窗口小部件传递给showDialog,后者显示对话框。
- 选择通常使用SimpleDialogOption表示
- 对于通知用户情况的对话框,请考虑使用 AlertDialog。
实例演示
import 'package:flutter/material.dart';
class SimpleDialogDemo extends StatefulWidget {
_Demo createState() => _Demo();
}
class _Demo extends State<SimpleDialogDemo> {
void showAlertDialog(BuildContext context) {
showDialog<Null>(
context: context,
builder: (BuildContext context) {
return SimpleDialog(
title: Text('选择'),
children: <Widget>[
SimpleDialogOption(
child: Text('选项 1'),
onPressed: () {
Navigator.of(context).pop();
},
),
SimpleDialogOption(
child: Text('选项 2'),
onPressed: () {
Navigator.of(context).pop();
},
),
],
);
},
);
}
Widget build(BuildContext context) {
return RaisedButton(
padding: EdgeInsets.fromLTRB(10.0, 10.0, 10.0, 10.0),
//padding
child: Text(
'show SimpleDialog',
style: TextStyle(
fontSize: 18.0, //textsize
color: Colors.white, // textcolor
),
),
color: Theme.of(context).accentColor,
elevation: 4.0,
//shadow
splashColor: Colors.blueGrey,
onPressed: () {
showAlertDialog(context);
});
}
}