Класс Radius

Класс Radius хранит радиус вдоль двух осей. Одинаковые оси даёт метод circular. Разные оси даёт метод elliptical: угол становится эллипсом. Четыре таких радиуса собирает BorderRadius.

Синтаксис

Radius.circular(12)

Методы

Метод	Описание
`circular`	Собирает радиус угла, одинаковый по горизонтали и вертикали.
`elliptical`	Задаёт разные радиусы по горизонтали и вертикали.
`lerp`	Смешивает два радиуса угла в заданной доле.

Пример

Давайте оформим Container:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Container(
				width: 160,
				height: 80,
				decoration: BoxDecoration(color: Colors.white, border: Border.all(color: Colors.teal, width: 2), borderRadius: BorderRadius.circular(8), boxShadow: [BoxShadow(offset: Offset(2, 2), blurRadius: 4)]),
				),
				),
			),
		),
	);
}

На экране блок с рамкой, скруглением и тенью.

Пример

Давайте усилим тень:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Container(
				width: 160,
				height: 80,
				decoration: BoxDecoration(color: Colors.grey.shade100, boxShadow: [BoxShadow(color: Colors.black26, blurRadius: 10, offset: Offset(4, 4))]),
				),
				),
			),
		),
	);
}

На экране более заметная тень.

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

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