Flutter. Image rounded borders not working

Question

I'm trying to make rounded corners of image. Here is my code:

                   ClipRRect(
                        borderRadius: BorderRadius.circular(14),
                        child: Image.asset(
                          "assets/images/test.png"                         
                        ))

Everything works well, but when I try to fit the image into a container with a fixed height and width, the rounded borders stop working. Here is my code:

         LimitedBox(
              maxWidth: 95,
              maxHeight: 95,
              child: ClipRRect(
                    borderRadius: BorderRadius.circular(14),
                    child: Image.asset(
                      "assets/images/test.png"                        
                    ),
              ),
            )

Why is this happening, please help me.

@Jahidul Islam, yes, in this case the image has no fixed dimensions( — testivanivan, Dec 18 '21 at 20:30

score 5 · Accepted Answer · answered Dec 18 '21 at 20:34

5

Let's try with background image

Container(
              height: 120.0,
              width: 120.0,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(14),
                image: DecorationImage(
                  image: AssetImage(
                      'assets/images/test.jpg'),
                  fit: BoxFit.fill,
                ),

              ),
            )

output:

answered Dec 18 '21 at 20:34

Jahidul Islam

11,435
3
17
38

you are welcome; Glad to help you – Jahidul Islam Dec 18 '21 at 20:49

Flutter. Image rounded borders not working

1 Answers1