Виджет ClipRRect

Виджет ClipRRect обрезать по скруглению.

Синтаксис

ClipRRect()

Параметры

Параметр	Описание
`borderRadius`	Радиусы скругления обрезки. Принимает `BorderRadius`.
`child`	Дочерний виджет, который обрезают по скруглённому прямоугольнику.

Пример

Давайте обрежем углы ClipRRect:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: ClipRRect(
				borderRadius: BorderRadius.circular(20),
				child: Container(width: 160, height: 100, color: Colors.green),
				),
				),
			),
		),
	);
}

На экране зелёный блок со скруглением.

Пример

Давайте меньший радиус:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: ClipRRect(
				borderRadius: BorderRadius.circular(6),
				child: Container(width: 160, height: 100, color: Colors.orange),
				),
				),
			),
		),
	);
}

На экране слегка скруглённый оранжевый блок.

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

виджет ClipRect,
обрезать по прямоугольнику
виджет DecoratedBox,
нарисовать BoxDecoration
виджет ClipOval,
обрезать по овалу
виджет ClipPath,
обрезать по своему контуру