Flutter Rounded Corners for images, container, buttons, etc.
This video explains to make rounded corners or circular shapes, images, buttons, etc. You can apply these method in almost any object to make it rounded.
Complete code used in video is mentioned below:
import 'package:flutter/material.dart';
class RoundCorners extends StatelessWidget {
const RoundCorners({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.cyan,
body: Container(
decoration: new BoxDecoration(
gradient: new LinearGradient(
colors: [Colors.cyan, Colors.green.shade300],
begin: const FractionalOffset(0.5, 0.0),
end: const FractionalOffset(0.0, 0.5),
stops: [0.0, 1.0],
tileMode: TileMode.clamp)),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Row(
children: [],
),
Container(
height: 200,
width: 200,
decoration: BoxDecoration(
color: Colors.orange,
borderRadius: BorderRadius.circular(100)
),
),
ClipRRect(
borderRadius: BorderRadius.circular(100),
child: Image(
height: 150,
image: NetworkImage(
'https://cdn.pixabay.com/photo/2015/07...,
),
),
CircleAvatar(
radius: 100,
backgroundImage: NetworkImage(
'https://cdn.pixabay.com/photo/2015/07...,
),
MaterialButton(onPressed: (){},
color: Colors.blue,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(200)),
child: Text('Everything is round'),
)
],
),
),
);
}
}
