Flutter image in container look streched

Question

When I try to place an image in container with specific height the image look stretched please find the below screenshot. Is it possible to fit the image as actual image without stretching.

actual image

Container(
                  height: 350,
                  decoration: BoxDecoration(
                    borderRadius: const BorderRadius.all(Radius.circular(25)),
                    boxShadow: const [BoxShadow(color: Color.fromRGBO(104, 104, 104, 0.2), offset: Offset(0, 1), spreadRadius: 5, blurRadius: 10)],
                    image: DecorationImage(
                      //colorFilter: const ColorFilter.mode(Color.fromRGBO(0, 0, 0, 1.0), BlendMode.color),
                      image: getImage(imageId: 123).image,
                      fit: BoxFit.fill,
                    ),
                  ),
                ),

Does this answer your question? [Flutter how to handle image with fixed size inside box?](https://stackoverflow.com/questions/54885879/flutter-how-to-handle-image-with-fixed-size-inside-box) — OMi Shah, Nov 05 '22 at 08:03

Berke Uğur · Accepted Answer · 2022-11-05T08:19:52.517

0

You can use fit: BoxFit.contain, or fit: BoxFit.cover,

if you are use BoxFit.cover you can alignment use to align the image

fit: BoxFit.cover,
alignment: Alignment.topCenter,,

fit: BoxFit.contain,

fit: BoxFit.contain,
alignment: Alignment.bottomCenter,

  fit: BoxFit.contain,
  alignment: Alignment.topCenter,

edited Nov 05 '22 at 08:19

answered Nov 05 '22 at 08:10

Berke Uğur

53
6

Flutter image in container look streched

1 Answers1