Flutter SnackBar 组件插件

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lt6hz7e6-1631582673562)(https://ducafecat.tech/2021/09/14/translation/snackbar-widget-in-flutter/2021-09-14-09-15-10.png)]

原文

https://medium.com/flutterdevs/snackbar-widget-in-flutter-476bb2431538

代码

https://github.com/flutter-devs/flutter_snackbar_demo

参考

• https://pub.flutter-io.cn/packages/another_flushbar

正文

了解如何创建静态和自定义 SnackBar 小部件在您的 Flutter 应用程序

无论何时你要编写在 Flutter 构建任何东西的代码，它都会在一个小部件中。Flutter 应用程序屏幕上的每个元素都是一个小部件。屏幕的透视图完全依赖于用于构建应用程序的小部件的选择和分组。此外，应用程序代码的结构是一个小部件树。

在本博客中，我们将了解静态和自定义 SnackBar 小部件及其在 flutter 中的功能。我们将在这个 SnackBar Widget 小部件上看到一个简单演示程序的实现。

https://pub.flutter-io.cn/packages/another_flushbar

在 Flutter 中，SnackBar 是一个小工具，它可以轻量级地在你的应用程序中弹出一条快速消息，在发生事情时短暂地标示出用户。使用 SnackBar，你可以在你的应用程序底部弹出一条消息几秒钟。

默认情况下，SnackBar 显示在屏幕的底部，当指定的时间完成，它将从屏幕上消失，我们可以使一个自定义的 SnackBar 也和它包含一些行动，允许用户添加或删除任何行动和图像。SnackBar 需要一个 Scaffold，带有一个 Scaffold 实例，你的 SnackBar 会立即弹出。通过使用 scaffold，可以很容易地在小部件树中的任何位置获得 scaffold 的引用。功能。

演示模块:

如何实现 dart 文件中的代码:

你需要分别在你的代码中实现它:

首先，在这个 Dart 文件中，我创建了两个按钮，第一个按钮用于显示默认的 SnackBar，第二个按钮用于自定义 SnackBar。

Default SnackBar 默认 SnackBar

显示 SnackBar 有两个步骤。首先，您必须创建一个 SnackBar，这可