Flutter 中的复选标记 (✅) 和十字/X (❌) 图标是什么？

Question

我正在尝试使用 Flutter 显示勾号 (✅) 和十字 (❌) 图标。我有这个代码：

child: SlideAction(
    sliderButtonIconPadding: 8,
    text: Slidewords,
    textStyle: TextStyle(
        fontWeight: FontWeight.bold,
        fontSize: (18),
        color: Colors.white),
    key: key,
    submittedIcon: formvalid
          ? const Icon(Icons.visibility) // tick icon
          : const Icon(Icons.visibility_off), // cross icon
    onSubmit: () async {
        Future.delayed(
          Duration(seconds: 1),
          () => key.currentState!.reset(),
        );
        _trySubmitForm();
    })

显然

Icons.visibility

和

Icons.visibility_off

值不起作用，但我在文档中找不到正确的值。 Ctrl+F 似乎无法在该页面上进行搜索，并且响应速度不是很好。

我也尝试了

Icon.tick

、

Icon.correct

和

Icon.cross

；这些都没有给我我想要的结果。

Answer 1

对于十字，使用

Icons.close

，对于勾号，使用 

Icons.check

。

Answer 2

您要查找的图标是

Icons.check_box

和 Icons.close。对于周围没有填充框的复选图标，请使用 Icons.check。

---

如果很难在 Flutter 文档中搜索图标，您可以使用 Google Fonts 中的

Material Symbols and Icons 页面。

找到图标后，点击它，右侧会出现一个侧边栏。转到“Android”选项卡，图标代码将与

Icons

 类中的图标代码相同。例如，如果单击“复选框”图标，您将得到以下结果：

这个图标的代码是“check_box”，所以你可以在 Flutter 中像这样使用它：

Icon(Icons.check_box) 如果您在该页面中找到了一些图标，但在

Icons 类中不可用，您可以使用 material_symbols_icons 包。现在，您可以使用

Icons

，而不是使用

Symbols

：

// Import the package
import 'package:material_symbols_icons/symbols.dart';

// In your widget, use it as the IconData the same way as Icons
Icon(Symbols.add_task)