Flutter使用Dialog

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class MyDialogApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) { return MaterialApp( title: "Dialog Demo", theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(), );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("Dialog"), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ RaisedButton( child: Text("Show Material Dialog"), onPressed: _openMaterialDialog, ), RaisedButton( child: Text("Show Cupertino Dialog"), onPressed: _openCupertinoDialog, ) ], ), ), );
  }
  _openMaterialDialog(){ showDialog( context: context, builder: (_) => new AlertDialog( title: new Text("Material Dialog"), content: new Text("大家好！这是Material Dialog"), actions: <Widget>[ FlatButton( child: Text('关闭!'), onPressed: () { Navigator.of(context).pop(); }, ) ], ));
  }
  _openCupertinoDialog(){ showDialog( context: context, builder: (_) => new CupertinoAlertDialog( title: new Text("Cupertino Dialog"), content: new Text("大家好！这是Cupertino Dialog"), actions: <Widget>[ FlatButton( child: Text('关闭!'), onPressed: () { Navigator.of(context).pop(); }, ) ], ));
  }
}
  
 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
  
28
  
29
  
30
  
31
  
32
  
33
  
34
  
35
  
36
  
37
  
38
  
39
  
40
  
41
  
42
  
43
  
44
  
45
  
46
  
47
  
48
  
49
  
50
  
51
  
52
  
53
  
54
  
55
  
56
  
57
  
58
  
59
  
60
  
61
  
62
  
63
  
64
  
65
  
66
  
67
  
68
  
69
  
70
  
71
  
72
  
73
  
74
  
75
  
76
  
77
  
78
  
79
 

效果如下：

文章来源: blog.csdn.net，作者：WongKyunban，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/weixin_40763897/article/details/109274854