Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 在颤振中填充图像的背景色_Flutter_Flutter Layout_Flutter Widget - Fatal编程技术网

Flutter 在颤振中填充图像的背景色

Flutter 在颤振中填充图像的背景色,flutter,flutter-layout,flutter-widget,Flutter,Flutter Layout,Flutter Widget,是否可以为图标图像添加背景色?我使用下面的代码来渲染图标 Icon( Icons.check_circle_outline, size: 35.0, ) 我希望在绘制图像时输出如下所示 这个怎么样 Container( color: Colors.blue, child: Icon( Icons.check_circle_outline, size: 35.0, ), ), 如果您试图

是否可以为图标图像添加背景色?我使用下面的代码来渲染图标

      Icon(
            Icons.check_circle_outline,
            size: 35.0,
          )
我希望在绘制图像时输出如下所示

这个怎么样

Container(
  color: Colors.blue,
  child: Icon(
    Icons.check_circle_outline,
    size: 35.0,
  ),
),

如果您试图获得与图片完全相同的图标,则这是不可能的。图标
check\u circle\u outline
如下所示:

所以你有一个复选标记和一个圆圈,都在一个图标中。您只需要更改图标的一部分(在您的例子中是圆)

但是,如果你只想在图标后面添加背景色,那么你可以像维伦所说的那样:

容器(
颜色:颜色,蓝色,
子:图标(
图标。勾选圆圈和轮廓,
尺寸:35.0,
),
)

如果您想要与图片中的图标完全相同,请使用另一个图标
检查
圈和此片段:

ClipOval(
子:容器(
颜色:颜色。绿色,
儿童:图标(
图标。检查,
颜色:颜色,白色,
尺寸:35.0,
),
),
);

下面的解决方案提供了精确的输出

Container(
          color: Colors.blue,
          padding: EdgeInsets.all(5),
          child: ClipOval(
            child: Container(
              color: Colors.green,
              child: Icon(
                Icons.check,
                color: Colors.white,
                size: 30,
              ),
            ),
          ),
        )
输出:


根据图标的形状和大小,将图标堆叠在具有所需背景颜色的方形小部件上即可

  Stack(alignment: Alignment.center, children: [
    Container(height: 20.0, width: 20.0, color: Colors.black),
    Icon(Icons.photo_size_select_actual, color: Colors.cyanAccent, size: 35.0)
  ]),

您也可以在一个圆形小部件上进行堆叠。

这是否回答了您的问题@VirenVVarasadiya:这对图标的情况没有帮助,你有其他解决方案吗?你可以将它包装在容器中,通过给容器一个颜色来改变背景颜色,你也可以改变图标的颜色,除了你不能对图标做任何改变,你应该得到一个图标,并把它放在你的资产和使用它。你能提供一个确切的用户界面吗?这对我不起作用。你能提供一个准确的用户界面吗?这对我不起作用。这是我容器中唯一的代码。