如何在颤动的图标中填充颜色答案

【问题标题】：How to fill color in the icon in flutter如何在颤动的图标中填充颜色
【发布时间】：2020-09-01 00:52:46
【问题描述】：

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

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

但我想在下面点赞，

我正在使用

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

那么如何在这个图标中填充白色呢？（或者你也可以建议我以适当的方式以及更好的方式来实现）

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

【问题讨论】：

试试这个。图标（Icons.place，颜色：Colors.black，），
您是否使用图片作为 YouTube 图标？或Icons 的组合来创建徽标
@Viren V Varasadiya 它的颜色从红色变为黑色，但我想将 youtube 图标内的播放按钮颜色更改为白色。
@Sidak 我使用的是 FontAwesomeIcons，这只是示例。
适合你吗。如果图标外部的某些部分也保持不变？如果是，那么您可以用容器包装图标并将颜色设置为白色。

标签： flutter flutter-layout flutter-dependencies

【解决方案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，它给了我这个：

【讨论】：