Метод horizontal

Метод horizontal класса BorderRadius принимает два радиуса. Левый получают верхний и нижний углы слева, правый получают оба угла справа.

Синтаксис

BorderRadius.horizontal(left: Radius.circular(24), right: Radius.circular(4))

Параметры

Параметр	Описание
`left`	Радиус обоих левых углов. По умолчанию углы прямые.
`right`	Радиус обоих правых углов. По умолчанию углы прямые.

Пример

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

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.horizontal(
								left: Radius.circular(32),
								right: Radius.circular(4),
							),
						),
						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(0xFF2E7D32),
							borderRadius: BorderRadius.horizontal(right: Radius.circular(28)),
						),
						child: Text('12345'),
					)
				),
			),
		),
	);
}

На экране зелёная карточка. Скруглены правые углы, левые прямые.

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

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