Виджет ImageIcon

Виджет ImageIcon принимает ImageProvider в параметре image и рисует его в квадрате со стороной size. Цвет наложения задают color, как у Icon. Подходит для SVG-подобных PNG иконок из активов.

Синтаксис

ImageIcon(
	AssetImage('assets/pic.png'),
	size: 24,
	color: Colors.blue,
)

Параметры

Параметр	Описание
`image`	Провайдер картинки. Обязательный параметр.
`size`	Сторона квадрата иконки в логических пикселях.
`color`	Цвет, которым тонируется картинка.
`semanticLabel`	Текст для озвучивания экранным диктором.

Пример

Давайте поставим иконку из актива рядом с текстом:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: Row(
						mainAxisSize: MainAxisSize.min,
						children: [
							ImageIcon(
								const AssetImage('assets/pic.png'),
								size: 28,
								color: Colors.teal,
							),
							const SizedBox(width: 8),
							const Text('abcde'),
						],
					),
				),
			),
		),
	);
}

На экране слева от текста 'abcde' появится бирюзовая иконка размером 28 пикселей.

Пример

Давайте используем сетевой провайдер:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: ImageIcon(
						NetworkImage('https://example.com/pic.png'),
						size: 32,
					),
				),
			),
		),
	);
}

На экране по центру появится маленькая картинка, загруженная с https://example.com/pic.png.

Смотрите также

виджет Icon,
который рисует шрифтовую иконку из IconData
виджет Image,
который показывает картинку в полном размере
класс AssetImage,
который часто передают в image
класс NetworkImage,
который берёт иконку по адресу