Виджет OutlinedButton

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

Синтаксис

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

Параметры

Параметр	Описание
`onPressed`	Обработчик нажатия.
`child`	Содержимое кнопки.
`style`	`ButtonStyle` контура и текста.

Методы

Метод	Описание
`icon`	Кнопка с иконкой и текстом.
`styleFrom`	Собирает `ButtonStyle` для кнопки с рамкой.

Пример

Давайте покажем OutlinedButton:

import 'package:flutter/material.dart';

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

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

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: OutlinedButton(
						style: OutlinedButton.styleFrom(
							foregroundColor: Colors.red,
						),
						onPressed: () {},
						child: Text('12345'),
					),
				),
			),
		),
	);
}

Рамка и текст станут красными.

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

виджет FilledButton,
кнопка со сплошной заливкой
виджет TextButton,
кнопка без рамки
виджет ElevatedButton,
кнопка с тенью
метод styleFrom,
сборка стиля OutlinedButton