You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter Toast包装饰样式不生效且显示Flutter Logo问题

Flutter Toast包装饰样式不生效且显示Flutter Logo问题

我之前也碰到过一模一样的问题,折腾了好一会儿才搞定,给你分享几个可行的解决方案:

首先咱们得明确核心问题:显示Flutter Logo大概率是因为你用了系统原生Toast,而自定义样式不生效也和这个有关——系统Toast的样式受系统限制,没法完全自定义,咱们得切换到自定义Toast模式才行。

假设你用的是最常用的fluttertoast包(版本8.0.2完全没问题),按下面的步骤来操作:

1. 确保包的引入正确

先检查pubspec.yaml里的依赖,确认是这样的配置:

dependencies:
  flutter:
    sdk: flutter
  fluttertoast: ^8.0.2

然后执行flutter pub get更新依赖。

2. 调用Toast时配置正确参数

关键要加useAndroidToast: false这个参数,强制使用自定义Toast,同时设置你要的绿色背景:

import 'package:fluttertoast/fluttertoast.dart';
import 'package:flutter/material.dart';

void showMyCustomToast() {
  Fluttertoast.showToast(
    msg: "你的提示内容",
    toastLength: Toast.LENGTH_SHORT,
    gravity: ToastGravity.BOTTOM, // 可以根据需求调整显示位置
    backgroundColor: Colors.green, // 设置绿色背景
    textColor: Colors.white, // 搭配白色文字更清晰
    fontSize: 14.0,
    useAndroidToast: false, // 重点!禁用系统Toast,避免显示应用图标
  );
}

3. 清理缓存试试

如果还是没效果,大概率是缓存的问题。执行下面的命令清理后重新运行项目:

flutter clean
flutter pub get
flutter run

其他可能的排查点

如果你用的不是fluttertoast包,而是其他Toast插件,原理也类似:找到禁用系统原生Toast的开关,强制使用插件自带的自定义Toast组件,这样才能完全控制样式,也不会显示应用图标。

另外也别犯低级错误哦——比如把Colors.green写成了字符串"green",或者参数名拼写错误,这些小问题都会导致样式不生效。

备注:内容来源于stack exchange,提问作者Hossam Hassan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.20 06:14:37