Перечисление BoxShape

Перечисление BoxShape задаёт форму заливки в BoxDecoration через параметр shape.

Синтаксис

BoxShape.circle

Значения

Значение	Описание
`rectangle`	Прямоугольник; углы можно скруглить через `borderRadius`.
`circle`	Круг. Ширина и высота блока должны совпадать.

Пример

Давайте нарисуем круглый блок:

import 'package:flutter/material.dart';

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

На экране синий круг диаметром 120 логических пикселей.

Пример

Давайте оставим прямоугольник со скруглением:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: Container(
						width: 160,
						height: 80,
						decoration: BoxDecoration(
							color: Colors.orange,
							shape: BoxShape.rectangle,
							borderRadius: BorderRadius.circular(12),
						),
					),
				),
			),
		),
	);
}

На экране оранжевый прямоугольник со скруглёнными углами.

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

класс Path,
контур фигуры
класс Paint,
кисть холста
перечисление BorderStyle,
есть линия или нет
перечисление Clip,
как обрезать край