ClipRect Widget in Flutter Last Updated : 28 Feb, 2025 Summarize Comments Improve Suggest changes Share Like Article Like Report The ClipRect widget is used to clips its child using a rectangle. It associates with the Clippers family. The main use of clippers is to clip out any portion of the widget as required. It behaves similar to that of ClipRRect and is used to Clip a Rectangle portion of the child widget but without the rounded cornersConstructorClipRect ClipRect({ Key? key, CustomClipper<Rect>? clipper, Clip clipBehavior = Clip.hardEdge, Widget? child,})PropertiespropertydescriptionchildrenThe widgets below this widget in the treehashCodeThe hash code for this objectkeyControls how one widget replaces another widget in the treeruntimeTypeA representation of the runtime type of the objectclipBehaviourThis property takes Clip Enum as a value and Controls how to clip clipperIf non-null, determines which clip to use.Example:Here we will clip the below image in our app: Refer to this article to Display Network Image in Flutter.main.dart: Dart import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is //the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'ClipOval', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePAGE(), debugShowCheckedModeBanner: false, ); } } class MyHomePAGE extends StatefulWidget { @override _MyHomePAGEState createState() => _MyHomePAGEState(); } class _MyHomePAGEState extends State<MyHomePAGE> { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('GeeksforGeeks', style: TextStyle(color: Colors.white), ), backgroundColor: Colors.green, ), body: Center( child: ClipRect( child: Align( alignment: Alignment.topCenter, heightFactor: 0.5, child: Image.network('https://picsum.photos/250?image=9'), ), ) ), backgroundColor: Colors.lightBlue[50], ); } } Output:Explanation of the above Program:First initialize the main app as a stateless widget.Second design the main widget as you desire.Build the Appbar with in the scaffold widget.Now use the ClipRect widget inside the body of the scaffold widget and place it in the middle using the center widget. Comment More infoAdvertise with us Next Article ClipRect Widget in Flutter D ddeevviissaavviittaa Follow Improve Article Tags : Flutter Flutter Flutter-Widgets Similar Reads ClipRRect Widget in Flutter The ClipRRect widget in flutter is used to clips its child using a rounded rectangle. It associates with the Clippers family. The main use of clippers is to clip out any portion of the widget as required. It behaves similar to that of ClipRect and is used to Clip a Rectangle portion of the child wid 2 min read ClipOval widget in Flutter ClipOval widget clips the child widget in oval or circle shape. We can reshape the child widget by changing width and height. If width and height are equal the shape will be circular. If the width and height are given differently then the shape will be oval. Let's understand this with the help of an 2 min read Flutter - ClipPath Widget In Flutter, the ClipPath widget is used to clip its child widget using a custom path. This means you can define a specific shape or path, and the ClipPath widget will restrict the rendering of its child to be only within that shape or along that path. In this article, we are going to implement the C 5 min read Flutter - Chip Widget Chip is a material design widget which comes built-in with flutter. It can simply be described as a compact element holding an icon and text, usually a rounded rectangle in the background. It can serve many purposes, like it can be simply used as a button, representing a user with a CircleAvatar and 4 min read Drawer Widget in Flutter Drawer widget is used to provide access to different destinations and functionalities provided in your application. It is represented by three horizontal parallel lines on the upper end of the scaffold. It has a horizontal movement from the edge of the Scaffold that navigates the link to different r 5 min read Like