flutter 中showdialog 做显示隐藏
时间: 2023-09-01 21:06:23 浏览: 117
在Flutter中,可以使用`showDialog()`方法来显示一个对话框。如果要隐藏对话框,可以使用`Navigator.of(context).pop()`方法。
以下是一个示例代码,可以在点击按钮时显示对话框,并在对话框中显示一条消息。当用户点击对话框上的"OK"按钮时,对话框将被隐藏。
```dart
import 'package:flutter/material.dart';
class MyDialog extends StatelessWidget {
@override
Widget build(BuildContext context) {
return AlertDialog(
title: Text('Dialog Title'),
content: Text('This is my message.'),
actions: <Widget>[
FlatButton(
child: Text('OK'),
onPressed: () {
Navigator.of(context).pop();
},
),
],
);
}
}
class MyScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('My Screen'),
),
body: Center(
child: RaisedButton(
child: Text('Show Dialog'),
onPressed: () {
showDialog(
context: context,
builder: (BuildContext context) {
return MyDialog();
},
);
},
),
),
);
}
}
```
阅读全文