Метод circular

Метод circular класса BorderRadius создаёт BorderRadius, где каждый угол получает Radius.circular с одним числом.

Синтаксис

BorderRadius.circular(12)

Параметры

Параметр	Описание
`radius`	Радиус скругления всех углов.

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: Container(
						width: 160,
						height: 80,
						decoration: BoxDecoration(color: Colors.blue.shade100, borderRadius: BorderRadius.circular(16)),
						child: const Center(
							child: Text('abcde'),
						),
					),
				),
			),
		),
	);
}

На экране блок со скруглёнными углами.

Пример

Давайте увеличим радиус:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: Container(
						width: 160,
						height: 80,
						decoration: BoxDecoration(color: Colors.orange.shade100, borderRadius: BorderRadius.circular(32)),
						child: const Center(
							child: Text('abcde'),
						),
					),
				),
			),
		),
	);
}

На экране более круглые углы.

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

класс BorderSide,
одна сторона рамки
класс Border,
четыре стороны рамки
класс Radius,
радиус одного угла
класс RoundedRectangleBorder,
скругленный прямоугольник для кнопки и карточки