xxxxxxxxxx
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10)
),
xxxxxxxxxx
Container(
decoration: BoxDecoration(
border: Border.all(
color: Colors.red[500],
),
borderRadius: BorderRadius.all(Radius.circular(20))
),
child:
)
xxxxxxxxxx
Container(
width: 200,
height: 200,
decoration: BoxDecoration(
color: Colors.blue,
borderRadius: BorderRadius.circular(10),
),
)
xxxxxxxxxx
RawMaterialButton(
onPressed: () {},
elevation: 2.0,
fillColor: Colors.white,
child: Icon(
Icons.pause,
size: 35.0,
),
padding: EdgeInsets.all(15.0),
shape: CircleBorder(),
)
xxxxxxxxxx
ElevatedButton(
onPressed: () {
debugPrint('ElevatedButton Clicked');
},
child: Text('ElevatedButton'),
style: ElevatedButton.styleFrom(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
),
)
xxxxxxxxxx
Just wrap it with a ClipRRect widget, it allows you to set a border
radius for any widget.
xxxxxxxxxx
ElevatedButton(
onPressed: () {
debugPrint('ElevatedButton Clicked');
},
child: Text('ElevatedButton'),
style: ElevatedButton.styleFrom(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
),
)