Виджет TextButton

Виджет TextButton рисует кнопку без заливки, только с акцентным текстом. Подпись передают в child, обработчик нажатия - в onPressed, оформление - в style типа ButtonStyle. Вариант с иконкой собирают через именованный конструктор icon.

Синтаксис

TextButton(
	onPressed: () {},
	child: Text('abcde'),
)

Параметры

Параметр	Описание
`onPressed`	Вызывается при нажатии.
`child`	Текст или виджет внутри кнопки.
`style`	Цвета и отступы кнопки.

Методы

Метод	Описание
`icon`	Собирает текстовую кнопку со значком и подписью.
`styleFrom`	Собирает `ButtonStyle` для `TextButton`.

Пример

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

import 'package:flutter/material.dart';

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

На экране плоская кнопка с надписью 'abcde'.

Пример

Давайте поставим TextButton в диалог:

import 'package:flutter/material.dart';

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

Такой стиль кнопки часто используют для вторичных действий рядом с ElevatedButton.

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

виджет ElevatedButton,
который рисует кнопку с заливкой
виджет OutlinedButton,
который обводит кнопку рамкой
класс ButtonStyle,
которым настраивают цвета TextButton
виджет AlertDialog,
где TextButton ставят в actions