Метод circular

Метод circular класса Radius собирает радиус одного угла из одного числа. По горизонтали и по вертикали оно одно и то же, поэтому дуга является четвертью круга.

Синтаксис

Radius.circular(16)

Параметры

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

Пример

Давайте скруглим карточку радиусом 16:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: Container(
						padding: EdgeInsets.all(16),
						decoration: BoxDecoration(
							color: Color(0xFF1565C0),
							borderRadius: BorderRadius.all(Radius.circular(16)),
						),
						child: Text('abcde'),
					)
				),
			),
		),
	);
}

На экране синяя карточка со строкой abcde. Углы скруглены одинаково, дуга является четвертью круга.

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: Container(
						padding: EdgeInsets.all(16),
						decoration: BoxDecoration(
							color: Color(0xFF2E7D32),
							borderRadius: BorderRadius.all(Radius.circular(2)),
						),
						child: Text('12345'),
					)
				),
			),
		),
	);
}

На экране зелёная карточка со строкой 12345. Углы почти прямые.

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

метод elliptical,
который собирает радиус угла с разной горизонталью и вертикалью
метод lerp,
который смешивает два радиуса угла в заданной доле
класс RRect,
который хранит прямоугольник со скруглёнными углами
класс BorderRadius,
который собирает радиусы четырёх углов