Метод only

Метод only класса BorderRadius принимает радиус отдельно для каждого угла. Угол, который не передали, остаётся прямым.

Синтаксис

BorderRadius.only(topLeft: Radius.circular(24))

Параметры

Параметр	Описание
`topLeft`	Радиус левого верхнего угла. По умолчанию угол прямой.
`topRight`	Радиус правого верхнего угла. По умолчанию угол прямой.
`bottomLeft`	Радиус левого нижнего угла. По умолчанию угол прямой.
`bottomRight`	Радиус правого нижнего угла. По умолчанию угол прямой.

Пример

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

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.only(topLeft: Radius.circular(28)),
						),
						child: Text('abcde'),
					)
				),
			),
		),
	);
}

На экране синяя карточка. Скруглён левый верхний угол, три остальных прямые.

Пример

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

import 'package:flutter/material.dart';

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

На экране фиолетовая карточка. Скруглены оба нижних угла, верхние прямые.

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

метод all,
который ставит один радиус на все четыре угла
метод horizontal,
который задаёт радиус отдельно левым и правым углам
метод vertical,
который задаёт радиус отдельно верхним и нижним углам
класс BoxDecoration,
который рисует скругление в поле borderRadius