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

Question

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

例子:我在暗色主题中使用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。

我试着将图标填入 play_circle_filled 用绿色在DartPad上使用这个，它给了我这个。