Метод styleFrom

Метод styleFrom виджета OutlinedButton возвращает ButtonStyle для. Задают foregroundColor, side для BorderSide, padding и minimumSize. Передают в параметр style кнопки.

Синтаксис

OutlinedButton.styleFrom(
	foregroundColor: Colors.blue,
	side: BorderSide(color: Colors.blue),
)

Параметры

Параметр	Описание
`foregroundColor`	Цвет текста и иконки.
`side`	Сторона рамки `BorderSide`: цвет и толщина.
`padding`	Внутренние отступы содержимого.

Пример

Давайте применим styleFrom к OutlinedButton:

import 'package:flutter/material.dart';

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

Текст кнопки станет зелёным.

Пример

Давайте утолщим рамку через side:

import 'package:flutter/material.dart';

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

Кнопка получит красную рамку толщиной 2.

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

виджет OutlinedButton,
кнопка с обводкой
метод ElevatedButton.styleFrom,
стиль залитой кнопки
класс ButtonStyle,
тип возвращаемого стиля
метод TextButton.styleFrom,
стиль текстовой кнопки