Метод icon

Метод icon виджета ElevatedButton Конструктор ElevatedButton.icon рисует иконку слева от текста. Передают onPressed, icon и label, стиль - через style или styleFrom.

Синтаксис

ElevatedButton.icon(
	onPressed: () {},
	icon: Icon(Icons.add),
	label: Text('abcde'),
)

Параметры

Параметр	Описание
`onPressed`	Callback нажатия. null отключает кнопку.
`icon`	Значок `IconData`, который ищут.
`label`	Подпись справа от иконки.

Пример

Давайте выведем ElevatedButton.icon по центру:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: ElevatedButton.icon(
						onPressed: () {},
						icon: Icon(Icons.add),
						label: Text('abcde'),
					),
				),
			),
		),
	);
}

На экране кнопка с иконкой и текстом 'abcde'.

Пример

Давайте зададим styleFrom для icon-кнопки:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: ElevatedButton.icon(
						style: ElevatedButton.styleFrom(
							backgroundColor: Colors.blue,
							foregroundColor: Colors.white,
						),
						onPressed: () {},
						icon: Icon(Icons.send),
						label: Text('12345'),
					),
				),
			),
		),
	);
}

Кнопка получит синий фон и белый текст.

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

виджет ElevatedButton,
обычная залитая кнопка
метод styleFrom,
собрать ButtonStyle
метод OutlinedButton.icon,
кнопка с рамкой и иконкой
виджет IconButton,
только иконка без подписи