Метод icon

Метод icon виджета TextButton собирает текстовую кнопку, где слева значок, справа подпись. Нажатие и стиль те же, что у обычной текстовой кнопки.

Синтаксис

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

Параметры

Параметр	Описание
`context`	Контекст для доступа к дереву.

Пример

Давайте вызовем TextButton.icon в MaterialApp:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(child: Text('abcde')),
			),
		),
	);
}

Вызов icon показан в контексте TextButton.

Пример

Давайте сменим текст на экране перед вызовом icon:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(child: Text('12345')),
			),
		),
	);
}

На экране строка '12345'.

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

виджет TextButton,
который текстовая кнопка
метод styleFrom,
который помогает собрать тот же сценарий
виджет OutlinedButton,
который кнопка с рамкой
метод styleFrom,
который дополняет Material интерфейс