如何在flutter中让Icon有两种颜色

Question

我正在构建一个颤振应用程序。我想制作一个有两种颜色的图标。绿色和红色。但我只能制作绿色或红色。 如何实现如下图所示的图标。下面的代码只变成全红色

Icon(
    Icons.cached,
    color: Colors.red,
   )

Answer 1

你不能。

相反，我建议您使用 Flutter SVG 包并将图标制作为 SVG。与所需的颜色。

flutter_svg 包链接

Answer 2

你可以。

将图标拆分为两个单独的图标，并将它们叠放在堆栈中

Stack(
  children: [
    Icon(
      MyIconSet.background_refresh,
      color: Colors.red,
    ),
    Icon(
      MyIconSet.foreground_refresh,
      color: Colors.green,
    )
  ],
),