El widget ClipRect se usa para recortar a su hijo usando un rectángulo. Se asocia con la familia Clippers. El uso principal de las recortadoras es recortar cualquier parte del widget según sea necesario. Se comporta de manera similar a la de ClipRRect y se usa para recortar una porción de rectángulo del widget secundario pero sin las esquinas redondeadas.
Constructores:
Syntax:
ClipRect(
{Key key,
CustomClipper<Rect> clipper,
Clip clipBehavior: Clip.hardEdge,
Widget child})
Propiedades:
- niños: Los widgets debajo de este widget en el árbol.
- hashCode: El código hash para este objeto.
- clave: Controla cómo un widget reemplaza a otro widget en el árbol.
- runtimeType: una representación del tipo de tiempo de ejecución del objeto.
- clipBehaviour: controla cómo recortar
- clipper: si no es nulo, determina qué clip usar.
Ejemplo:
Aquí recortaremos la imagen de abajo en nuestra aplicación:
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'),
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],
);
}
}
class MyClip extends CustomClipper<Rect> {
Rect getClip(Size size) {
return Rect.fromLTWH(0, 0, 100, 100);
}
bool shouldReclip(oldClipper) {
return false;
}
}
Producción:
Explicación:
- Primero inicialice la aplicación principal como un widget sin estado.
- En segundo lugar, diseñe el widget principal como desee.
- Cree la barra de aplicaciones con el widget de andamio.
- Ahora use el widget ClipRect dentro del cuerpo del widget scaffold y colóquelo en el medio usando el widget central.
Publicación traducida automáticamente
Artículo escrito por ddeevviissaavviittaa y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA