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

Flutter中可实现✅对勾、❌叉号效果的内置Material图标是哪些?

Flutter 中正确调用对勾/叉号Material图标的方法

你之前使用的Icons.visibility/Icons.visibility_off是可见/不可见的眼睛图标,尝试的Icons.tick、Icons.correct、Icons.cross均不是Material图标库的合法常量,正确的对应图标如下:

  • 基础对勾(✅样式):Icons.check,带圆形外框的对勾可选Icons.check_circle
  • 基础叉号(❌样式):Icons.close,带圆形外框的叉号可选Icons.cancel/Icons.error

修改后的可直接运行的代码片段如下:

child: SlideAction(
    sliderButtonIconPadding: 8,
    text: Slidewords,
    textStyle: TextStyle(
        fontWeight: FontWeight.bold,
        fontSize: 18,
        color: Colors.white),
    key: key,
    submittedIcon: formvalid
          ? const Icon(Icons.check, color: Colors.white) 
          // 如需带圈对勾,将上面的Icons.check替换为Icons.check_circle即可
          : const Icon(Icons.close, color: Colors.white),
          // 如需带圈叉号,将上面的Icons.close替换为Icons.cancel或Icons.error即可
    onSubmit: () async {
        Future.delayed(
          Duration(seconds: 1),
          () => key.currentState!.reset(),
        );
        _trySubmitForm();
    })

提示:以上图标均为Flutter Material包内置图标,无需额外引入依赖,直接调用即可。可以根据自身UI设计需求调整图标的颜色、大小参数。

内容的提问来源于stack exchange,提问作者Jeff

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.27 22:39:20