如何在图标中填充颜色

Question

我是新手。我在应用程序中使用了多个主题（即黑暗模式）。因此，当我们在不同主题中使用图标时，会根据主题自动采用背景色。我想要主题的背景色，但不想要图标内。

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

但是我想在下面喜欢

我正在使用

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

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

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

Answer 1

您可以使用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

无济于事，您还可以修改其形状。

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