How to use BoxDecoration to a Container widget to draw an image

Question

Hi Guys,

I am new in Flutter design. I want to use one image in a container widget using BoxDecoration. How can I do that?

Answer 1

Hi@akhtar,

The BoxDecoration class provides a variety of ways to draw a box. The box has a border, a body, and may cast a boxShadow. The shape of the box can be a circle or a rectangle. If it is a rectangle, then the borderRadius property controls the roundness of the corners. The following applies a BoxDecoration to a Container widget to draw an image of an owl with a thick black border and rounded corners.

Container( 
decoration: BoxDecoration( 
color: const Color(0xff7c94b6), 
image: const DecorationImage( 
image: NetworkImage('https://flutter.github.io/assets-for-api-docs/assets/widgets/owl-2.jpg'), 
fit: BoxFit.cover, ), 
border: Border.all( color: Colors.black, width: 8, ), 
borderRadius: BorderRadius.circular(12), ), )