Класс RoundedRectangleBorder

Класс RoundedRectangleBorder задаёт форму скруглённого прямоугольника. Радиус углов передают в borderRadius типа BorderRadius. Форму кладут в shape у ShapeDecoration и у кнопок.

Синтаксис

RoundedRectangleBorder(
	borderRadius: BorderRadius.circular(12),
)

Методы

Метод	Описание
`copyWith`	Меняет side и borderRadius формы.

Пример

Давайте применим RoundedRectangleBorder:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Container(
				width: 120,
				height: 120,
				decoration: ShapeDecoration(color: Colors.blue, shape: RoundedRectangleBorder()),
				),
				),
			),
		),
	);
}

На экране фигура из shape.

Пример

Давайте другой цвет:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Container(
				width: 120,
				height: 120,
				decoration: ShapeDecoration(color: Colors.deepOrange, shape: RoundedRectangleBorder()),
				),
				),
			),
		),
	);
}

На экране оранжевая фигура.

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

класс Radius,
радиус одного угла
класс BorderRadius,
скругление углов
класс CircleBorder,
круг для кнопки и карточки
класс StadiumBorder,
капсула для кнопки и карточки