clipCircular method

ClipRRect clipCircular([
  1. double radius = 12,
  2. Clip clipBehavior = Clip.antiAlias
])

Clips the widget to a circular rounded rectangle shape.

This is a convenience method that creates a ClipRRect with uniform circular border radius on all corners. Commonly used for creating rounded buttons, cards, or images.

Parameters:

  • radius: The radius for all corners. Defaults to 12.0.
  • clipBehavior: How to clip the content. Defaults to Clip.antiAlias for smooth edges.

Returns a ClipRRect widget with circular border radius.

Example:

Container(
  width: 100,
  height: 100,
  color: Colors.red,
).clipCircular(25); // Creates a rounded square with 25px radius corners

Implementation

ClipRRect clipCircular([
  double radius = 12,
  Clip clipBehavior = Clip.antiAlias,
]) {
  return ClipRRect(
    borderRadius: BorderRadius.circular(radius),
    clipBehavior: clipBehavior,
    child: this,
  );
}