如何使用Flutter Cupertino图标?

时间:2019-04-02 06:36:52

标签: dart flutter flutter-cupertino

我知道要使用它们,您必须import 'package:flutter/cupertino.dart';并像这样Icon(CupertinoIcons.info);那样使用它,但是很难选择所需的图标。

亲爱的Flutter小组,请在某处提供完整的Cupertino图标参考。一个place的名字没有图标,而other的名字没有图标。

更新:

正如Mariano所指出的那样,answer中所示的名称映射尚未完成,我们可以如下使用图标:

 const IconData baseball = const IconData(0xf3dd,
          fontFamily: CupertinoIcons.iconFont,
          fontPackage: CupertinoIcons.iconFontPackage);
 Icon(baseball);

其中0xf3dd是图标(f3dd)的代码,您可以找到here

1 个答案:

答案 0 :(得分:2)

  

您回答了自己的问题,CupertinoIcons类的用法如您所述。


虽然您是对的,但是没有简单的方法从github存储库中提供的地图图像中找到图标的名称,因为它们没有直接映射Apple描述的系统图标。在他们的人机界面指南中:Human interface guidelines

您可以在flutter主存储库中打开一个与此主题有关的问题Flutter Github repo
您甚至可以自己贡献地图,并帮助可能遇到相同问题的其他开发人员。