一个用于 Flutter 的下拉通知包

flutter_dropdown_alert

Flutter Dropdown Alert 帮助在成功、警告或错误时通知用户，类似于推送通知。

下拉通知栏将在您成功调用API、出错或其他类似情况时帮助通知用户。它将类似于推送通知，但您可以对其进行更多自定义。您可以在任何地方显示通知，而无需小部件。

演示

顶部

底部

如何使用。

# pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  flutter_dropdown_alert: <last-version>

只需创建一个Stack小部件，并在main.dart中的MaterialApp内添加DropdownAlert()，如下所示：

import 'package:flutter_dropdown_alert/dropdown_alert.dart';

 MaterialApp(
       title: 'Dropdown Alert Demo',
       theme: ThemeData(
         visualDensity: VisualDensity.adaptivePlatformDensity,
       ),
       home: Stack(
         children: [
           MyHomePage(title: 'Flutter Dropdown Alert Demo'),
           DropdownAlert()
         ],
       ),
     );

随时随地显示通知，甚至在bloc内无需小部件

接下来，将“alert_controller.dart”导入您的dart代码中

import 'package:flutter_dropdown_alert/alert_controller.dart';

   AlertController.show("Title", "message here!", TypeAlert.success, payload);

payload参数是Map<String, dynamic>，此参数是可选的，应用于将数据传递给通知，并在单击通知时获取它。

隐藏通知

通知将自动隐藏，但如果您使用delayDismiss: 0，它将冻结并且不会自动隐藏，您必须使用此代码隐藏通知

   AlertController.hide();

点击通知时的监听器

有两种方法可以做到这一点

• 使用控制器的监听器，将此代码放在小部件的initState()中

   AlertController.onTabListener((Map<String, dynamic> payload, TypeAlert type) {
         print("$payload - $type");
       });

• 使用onTap参数

   DropdownAlert(onTap: (Map<String, dynamic> payload, TypeAlert type) {
                print("$payload - $type");
             },)

TypeAlert

参数

来自react-native-dropdownalert的灵感

GitHub

https://github.com/vantuan88291/flutter_dropdown_alert