Класс ShapeDecoration

Класс ShapeDecoration совмещает цвет и форму. Форму передают в shape: CircleBorder, StadiumBorder или RoundedRectangleBorder. Объект кладут в decoration у Container.

Синтаксис

ShapeDecoration(
	color: Color(0xFF1565C0),
	shape: CircleBorder(),
)

Методы

Метод	Описание
`copyWith`	Меняет shape, color или gradient.
`lerp`	Смешивает два фигурных оформления в заданной доле.
`scale`	Умножает толщину контура фигуры на коэффициент.

Пример

Давайте круг через ShapeDecoration:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Container(
				width: 120,
				height: 120,
				decoration: ShapeDecoration(color: Colors.blue, shape: CircleBorder()),
				),
				),
			),
		),
	);
}

На экране синий круг.

Пример

Давайте stadium:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Container(
				width: 120,
				height: 120,
				decoration: ShapeDecoration(color: Colors.green, shape: StadiumBorder()),
				),
				),
			),
		),
	);
}

На экране зелёная капсула.

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

класс BoxDecoration,
фон, рамка, тень и скругление
класс AlignmentDirectional,
точка с учетом направления письма
класс Border,
четыре стороны рамки
класс BorderSide,
одна сторона рамки