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