Flutter如何使用fluttertoast插件

在Flutter项目中集成fluttertoast插件后，如何正确调用它来显示Toast消息？按照文档添加依赖并执行flutter pub get后，尝试使用Fluttertoast.showToast()却提示未找到该方法。是否需要额外的初始化步骤？求完整的示例代码和常见错误排查方法。

2 回复

在Flutter中使用fluttertoast插件：

  1. 在pubspec.yaml中添加依赖：
dependencies:
  fluttertoast: ^8.2.2

  1. 执行flutter pub get

  2. 导入并使用：

import 'package:fluttertoast/fluttertoast.dart';

Fluttertoast.showToast(
  msg: "提示信息",
  toastLength: Toast.LENGTH_SHORT,
  gravity: ToastGravity.CENTER,
);

支持自定义位置、时长、背景色等参数。

更多关于Flutter如何使用fluttertoast插件的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在 Flutter 中使用 fluttertoast 插件显示 Toast 消息的步骤如下：

1. 添加依赖

在 pubspec.yaml 文件的 dependencies 部分添加：

dependencies:
  fluttertoast: ^8.2.4  # 检查最新版本

运行 flutter pub get 安装插件。

2. 基本用法

导入包后，调用 Fluttertoast.showToast 方法：

import 'package:fluttertoast/fluttertoast.dart';

// 在按钮点击或其他事件中触发
Fluttertoast.showToast(
  msg: "这是一个Toast消息",
  toastLength: Toast.LENGTH_SHORT, // 显示时长：SHORT 或 LONG
  gravity: ToastGravity.BOTTOM,    // 位置：TOP、CENTER、BOTTOM
  timeInSecForIosWeb: 1,           // iOS/Web 端时长（秒）
  backgroundColor: Colors.grey[800],
  textColor: Colors.white,
  fontSize: 16.0
);

3. 参数说明

  • msg：必填，消息内容。
  • toastLength：持续时间（Toast.LENGTH_SHORT 约 2 秒，LENGTH_LONG 约 3.5 秒）。
  • gravity：位置，如 ToastGravity.CENTER。
  • backgroundColor/textColor：背景和文字颜色。
  • fontSize：文字大小。
  • timeInSecForIosWeb：iOS/Web 平台专属时长设置。

4. 关闭所有 Toast

如需手动关闭：

Fluttertoast.cancel();

注意事项

  • 在 Web 或 iOS 上可能需要调整 timeInSecForIosWeb。
  • 避免在 build 方法中直接调用，应在用户交互事件（如按钮点击）中触发。

通过以上步骤即可快速集成 Toast 提示功能。

回到顶部