如何在颤振中使用轮廓图标?

Kon*_*sun 9 flutter

我想使用材料设计中的轮廓图标。我怎样才能做到这一点?

Icon(
  Icons.dashboard,
  color: Colors.blue,
  size: 24,
),
Run Code Online (Sandbox Code Playgroud)

示例 我想在上面的代码中添加 'theme: Themes.outline'。是否有可能做到这一点?

F

mjh*_*en3 12

据我所知,flutter 材质库的轮廓图标数量有限。在此处查看完整的图标列表:https : //api.flutter.dev/flutter/material/Icons-class.html

但是您也可以尝试从Material Design下载您希望使用的轮廓图标,并使用FlutterIcon将它们转换为您自己的自定义Flutter图标。

使用Medium上的这篇文章了解如何使用FlutterIcon 中的自定义图标

顺便说一句,我也遇到了这个有用的包outline_material_icons,这在您的情况下应该更有用和更有帮助。


Lui*_*nso 7

我正在使用 Flutter 主通道进行一些测试,该通道中似乎有轮廓材质图标。但是,我还没有发现任何有关此内容的线程或讨论将来会添加到稳定频道中

编辑:这些图标现在可以在稳定频道中使用

如果你有这样的图标:

Icon(Icons.science)
Run Code Online (Sandbox Code Playgroud)

这将是:

Icon(Icons.science_outlined)
Run Code Online (Sandbox Code Playgroud)

我测试了一些,它们似乎工作正常

概述的图标