如何在flutter中填充图标的颜色

Question

我是颤振的新手。我在应用程序中使用多个主题（即暗模式）。所以，当我们在不同的主题中使用图标时，会根据主题自动取背景色。我想要主题的背景颜色，但不在图标内。

示例：我在深色主题中使用 youtube 的图标，如下所示，

但我想喜欢下面，

我在用

Icon(
    FontAwesomeIcons.youtube,
    color: Colors.red
)

那么如何在这个图标中填充白色呢？（或者你也可以建议我以正确的方式以及更好的实施方式来做到这一点）

（所以，我可以在每个主题中使用白色填充图标）

Answer 1

您可以使用 a在您的图标下Stack放置一个填充Container，如下所示：

Stack(children: <Widget>[
      Positioned.fill(
        child: Container(
          margin: EdgeInsets.all(5), // Modify this till it fills the color properly
          color: Colors.white, // Color
        ),
      ),
      Icon(
        FontAwesomeIcons.youtube, // Icon
        color: Colors.red,
      ),
      ),
    ])

由于它是一个容器，您还可以修改其形状，以防出现普通正方形无用的随机图标形状：P

我尝试play_circle_filled在 DartPad 上使用这个用绿色填充图标，它给了我这个：