Flutter使用Fluttertoast修改背景与文字颜色不生效如何解决

云上老周

2026-9-25

Fluttertoast 颜色设置不生效解决方案

问题代码

你当前使用的调用代码如下：

Fluttertoast.showToast(
              msg: text,
              toastLength: Toast.LENGTH_SHORT,
              gravity: ToastGravity.CENTER,
              timeInSecForIosWeb: 1,
              backgroundColor: Colors.red,
              textColor: Colors.white,
              fontSize: 16.0
          );

可行解决方法

先升级fluttertoast到最新稳定版本，旧版本存在部分安卓机型自定义样式不生效的已知bug，修改pubspec.yaml中的依赖版本后执行flutter pub get，重启项目再测试
安卓平台调用时新增参数androidShowGravity: ToastGravity.CENTER，部分安卓系统原生Toast会强制走系统默认样式，覆盖传入的自定义颜色参数，新增该参数可强制使用自定义配置
完全规避原生系统样式限制的方案：使用包内提供的FToast类自定义Toast布局，示例代码如下：

// 全局封装自定义Toast方法
void showCustomToast(String msg, BuildContext context) {
  FToast fToast = FToast();
  fToast.init(context);
  Widget toast = Container(
    padding: const EdgeInsets.symmetric(horizontal: 24.0, vertical: 12.0),
    decoration: BoxDecoration(
      borderRadius: BorderRadius.circular(25.0),
      color: Colors.red, // 自定义背景色
    ),
    child: Text(
      msg,
      style: const TextStyle(
        color: Colors.white, // 自定义文字颜色
        fontSize: 16
      ),
    ),
  );
  fToast.showToast(
    child: toast,
    gravity: ToastGravity.CENTER,
    toastDuration: const Duration(seconds: 1),
  );
}
// 业务层调用
showCustomToast("提示内容", context);