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
相关产品推荐
相关产品推荐

