如何在quick_actions上使用图标

时间:2019-04-05 16:56:45

标签: flutter

我对“快速图标”的icon属性有疑问。

有人可以举一个使用它的正确例子吗?

一个本机支持的图标的名称列表会很棒。

有使用自定义图标的方法吗?如果是,怎么办?

3 个答案:

答案 0 :(得分:1)

我也有同样的困惑,但阅读文档有所帮助。

The optional icon should be the name of the native resource (xcassets on iOS or drawable on Android) that the app will display for the quick action.

您可以按照以下步骤添加原生安卓图标

  1. 在项目层次结构中

    Your app name > android > new > Image Asset

    你会看到这个窗口。

    enter image description here

如图所示配置设置,并根据您的要求更改 iconnamecolor

  1. 添加图标后,将其名称分配给 quick_actions

     ShortcutItem(
              type: 'add',
              localizedTitle: 'Add Goal',
              icon: 'add_icon')
    

答案 1 :(得分:0)

您可以这样定义一个图标:

Icon(Icons.add)

您可以获取带有代码补全的flutter中可用的默认图标的列表。 在句点之后按ctrl + space或Command + space,然后应该获得可用图标的列表。

Icon(Icons.)

除自定义图标外,还有一篇文章介绍了here。 本文提到FlutterIcon,这是一个您可以在其中找到各个作者的图标包的网站。

答案 2 :(得分:0)

  1. 要获取支持的图标列表,您应该检查一下。 supported icons

  2. 使用开箱即用的实物图标时,使用图标既简单又直接。

 Widget myIcon() {
   return FlatButton(
     child: Icon(
       Icons.add,
       color: Colors.red[300],
     ),
     onPressed: () {
       /** do some cool stuff */
     },
   );
 }
  1. 这是创建自定义图标的示例。您可以阅读更多here
Widget customIcon() {
    final menu = IconData(0xe900, fontFamily: 'customAnimation');
    return Icon(
      menu,
      size: 50.0,
    );
  }