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

Question

我正在尝试使用 Flutter 显示刻度 (\xe2\x9c\x85) 和十字 (\xe2\x9d\x8c) 图标。我有这个代码：

\n

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

\n

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

\n

我也尝试过Icon.tick，，Icon.correct和Icon.cross；这些都没有给我我想要的结果。

\n

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)