📜  flutter toast - Dart (1)

📅  最后修改于: 2023-12-03 15:00:48.049000             🧑  作者: Mango

Flutter Toast - Dart

Flutter Toast 是一个 Flutter 插件,用于在应用程序中创建易于自定义的轻量级 Toast 消息。Toast 是一种短暂的提示消息,它会在屏幕中央或底部弹出,并在几秒钟后自动消失。

如何使用 Flutter Toast

要使用 Flutter Toast,在 pubspec.yaml 文件中添加以下依赖项:

dependencies:
  fluttertoast: ^8.0.7

要使用此插件,请在要使用 Toast 的 Widget 中添加以下 import 语句:

import 'package:fluttertoast/fluttertoast.dart';

Flutter Toast 提供了以下常用方法:

  1. Fluttertoast.showToast() - 在屏幕中央显示 Toast 消息。
Fluttertoast.showToast(
    msg: "Hello, Flutter Toast",
    toastLength: Toast.LENGTH_SHORT,
    gravity: ToastGravity.CENTER,
    timeInSecForIosWeb: 1,
    backgroundColor: Colors.red,
    textColor: Colors.white,
    fontSize: 16.0
);
  1. Fluttertoast.showToastGravity() - 在屏幕顶部/中心/底部显示 Toast 消息。
Fluttertoast.showToastGravity(
    msg: "Hello, Flutter Toast",
    toastLength: Toast.LENGTH_SHORT,
    gravity: ToastGravity.BOTTOM,  // Toast gravity - TOP, CENTER, BOTTOM
    timeInSecForIosWeb: 1,
    backgroundColor: Colors.red,
    textColor: Colors.white,
    fontSize: 16.0
);
  1. Fluttertoast.showToastWeb() - 在 Web 应用程序中显示 Toast 消息。
Fluttertoast.showToastWeb(
    msg: "Hello, Flutter Toast",
    toastLength: Toast.LENGTH_SHORT,
    timeInSeconds: 1,
    webBgColor: "#e74c3c",
    webPosition: "center"
);
自定义 Toast

Flutter Toast 还提供了一些参数,可以自定义 Toast 消息。这使得开发人员可以轻松地按照其应用程序的主题创建自己的 Toast 样式。

以下是一些自定义 Toast 样式的示例:

Fluttertoast.showToast(
  msg: "This is Center Short Toast",
  toastLength: Toast.LENGTH_SHORT,
  gravity: ToastGravity.CENTER,
  timeInSecForIosWeb: 1,
  backgroundColor: Colors.green,
  textColor: Colors.white,
  fontSize: 16.0
);
Fluttertoast.showToast(
  msg: "This is Bottom Long Toast",
  toastLength: Toast.LENGTH_LONG,
  gravity: ToastGravity.BOTTOM,
  timeInSecForIosWeb: 2,
  backgroundColor: Colors.blue,
  textColor: Colors.white,
  fontSize: 16.0
);
结论

Flutter Toast 是一个易于使用的插件库,可帮助 Flutter 开发人员轻松地创建自定义 Toast 消息。它具有许多可定制属性,使开发人员可以根据自己的应用程序主题创建不同的 Toast 样式。由此,Flutter Toast 成为了 Flutter 开发中不可或缺的工具之一。