flutter snackbar
时间: 2023-07-28 16:06:28 浏览: 63
Flutter Snackbar 是一个轻量级的通知组件,它可以在屏幕底部显示短暂的消息。下面是一些使用 Snackbar 的示例:
1. 显示简单的文本消息:
```
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('This is a simple snackbar'),
),
);
```
2. 显示一个带有操作按钮的 Snackbar:
```
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Do you want to undo this action?'),
action: SnackBarAction(
label: 'UNDO',
onPressed: () {
// Perform undo operation
},
),
),
);
```
3. 显示一个持续时间更长的 Snackbar:
```
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('This snackbar will stay for 5 seconds'),
duration: Duration(seconds: 5),
),
);
```
4. 显示一个带有自定义样式的 Snackbar:
```
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('This snackbar has custom style'),
backgroundColor: Colors.green,
behavior: SnackBarBehavior.floating,
),
);
```
以上是一些常见的 Snackbar 使用示例,你可以根据自己的需求进行定制。注意,在使用 Snackbar 时需要在 Scaffold 中使用 ScaffoldMessenger,以确保 Snackbar 能够正确地显示和关闭。
相关推荐
![dart](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)