Заполните цвет фона изображения во флаттере

Question

Можно ли добавить цвет фона к изображению иконки? Я использую приведенный ниже код для рендеринга значка.

      Icon(
            Icons.check_circle_outline,
            size: 35.0,
          )

Я хочу вывод, как показано ниже, когда изображение нарисовано

Answer 1

Если вы попытаетесь получить значок точно так же, как на картинке, то это невозможно. Значок check_circle_outline выглядит следующим образом:

Итак, у вас есть галочка и круг в одном значке. То, что вы хотите, это изменить только части значка (в вашем случае это круг)

Но если вы просто хотите добавить цвет фона позади значка, то вы можете сделать это так, как сказала Вирен:

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

Если вы хотите точно такой же значок, как на вашей картинке, используйте другой значок check в кружке и этот фрагмент:

ClipOval(
  child: Container(
    color: Colors.green,
    child: Icon(        
      Icons.check,
      color: Colors.white,
      size: 35.0,
    ),
  ),
);

Answer 2

Как насчет этого?

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