ClipRRect Widget

 import "package:flutter/material.dart";


void main() {
runApp(const MyApp());
}

class MyApp extends StatelessWidget {
const MyApp({super.key});

@override
Widget build(BuildContext context) {
return MaterialApp(
title: "hello",
debugShowCheckedModeBanner: false,
theme: ThemeData(
primarySwatch: Colors.brown,
),
home: const FlutterClip(),
);
}
}

class FlutterClip extends StatefulWidget {
const FlutterClip({super.key});

@override
State<FlutterClip> createState() {
return ClipState();
}
}

class ClipState extends State<FlutterClip> {
@override
Widget build(BuildContext context) {
return Scaffold(
drawer: const Drawer(),
appBar: AppBar(
title: const Text(
"Flutter ClipRRect widget",
style: TextStyle(fontWeight: FontWeight.bold),
),
centerTitle: true,
backgroundColor: Colors.grey,
),
body: Center(
child: ClipRRect(
/*borderRadius: BorderRadius.circular(21),*/
/*borderRadius: BorderRadius.all(Radius.elliptical(21,41),),*/
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(30),
bottomRight: Radius.circular(71),
bottomLeft: Radius.circular(0),
topRight: Radius.circular(10),
),
/*child: Container(
width: 200,
height: 200,
color: Colors.grey,
),*/
/*child: Image.asset("assets/images/pixabay.jpg", width: 200, height: 200, fit: BoxFit.fill,),*/
child: Image.asset(
"assets/images/oliver_sea.jpg",
width: 250,
height: 250,
fit: BoxFit.fill,
),
),
),
);
}
}

Comments

Popular posts from this blog

Second GET API Calling with Bloc simple Example in Flutter

Stack Container Scrollable Card widget UI with Custom Widget

Pagination with Bloc Pattern in Flutter