flutter写一个弹窗
时间: 2024-09-07 13:04:54 浏览: 58
在 Flutter 中创建一个弹窗(通常称为模态对话框或提示框),你可以使用 `AlertDialog` 或者更现代一些的 `showModalBottomSheet` 函数。这里是一个简单的例子,展示如何使用 `AlertDialog`:
```dart
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('Flutter Dialog Example')),
body: Center(child: RaisedButton(
onPressed: () {
showAlertDialog(context);
},
child: Text('点击显示弹窗'),
)),
),
);
}
void showAlertDialog(BuildContext context) {
AlertDialog(
title: Text('这是一个警告'),
content: Text('这是一条消息'),
actions: [
TextButton(
onPressed: () {
Navigator.of(context).pop();
},
child: Text('确定'),
)
],
).show();
}
}
```
在这个示例中,当用户点击 "点击显示弹窗" 按钮时,会触发 `showAlertDialog` 函数,它会显示一个包含标题、内容和确认按钮的简单警告对话框。点击确定按钮后,对话框会关闭。
如果你想创建更复杂的底部弹出窗口,可以使用 `showModalBottomSheet` 并配合 `Scaffold.of(context).globalKey.currentState.showModal BottomSheet()` 来实现。
阅读全文