flutter image fit lefts space at left and right

Question

I have a question about images in a flutter. I have a Column and inside of it I have an image, I need to stretch it at full width but I could not. There are a few spaces left on the left and right for the white circle at the end of the screen. Where is the wrong statement in my code?

Thanks,

home: Scaffold(
    backgroundColor: HexColor(primary),
    body: SafeArea(
      bottom: false,
      child: Column(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          // Header text & Pawline image
          Row(
            ...
          ),
          // Banner image
          Row(...
          ),
          // Circle
          // TODO: Stretch circle image to the both ends
          Expanded(
            child: Image.asset(
              "assets/images/circle.png",
              fit: BoxFit.contain,
            ),
          ),
        ],
      ),
    ),
  ),
);

Edit: Circle image:

could you also add your image here too? I think the image has border. — eamirho3ein, Nov 19 '22 at 12:46
Does this answer your question? [How to fit an Image to column width in Flutter?](https://stackoverflow.com/questions/59362886/how-to-fit-an-image-to-column-width-in-flutter) — OMi Shah, Nov 19 '22 at 13:09
Added @eamirho3ein, it is hard to see but it is right under the phone screen. — DGulyasar, Nov 19 '22 at 13:11

eamirho3ein · Answer 1 · 2022-11-19T13:23:03.063

0

you are setting an image with specific sized to smaller size, this is cause your issue. try remove the Expanded widget and set Image's fit to fitWidth and wrap other part of widget with Expanded, like Banner image, to avoid RenderFlex overflowed issue.

edited Nov 19 '22 at 13:23

answered Nov 19 '22 at 13:06

eamirho3ein

16,619
2
12
23

Sorry, still the same... – DGulyasar Nov 19 '22 at 13:09
@DGulyasar try remove Expanded – eamirho3ein Nov 19 '22 at 13:10
Not worked without expanded, space growed – DGulyasar Nov 19 '22 at 13:12
If you add other part of your widget, I may help you – eamirho3ein Nov 19 '22 at 13:27

Md. Yeasin Sheikh · Answer 2 · 2022-11-19T13:17:39.987

0

Try using fit: BoxFit.fill

 Image.asset(
     "assets/images/circle.png",
     fit: BoxFit.fill,
     width: MediaQuery.of(context).size.width

edited Nov 19 '22 at 13:17

answered Nov 19 '22 at 13:14

Md. Yeasin Sheikh

54,221
7
29
56

Did not change anything – DGulyasar Nov 19 '22 at 13:16
Is there other padding widget contains around it? try providing width – Md. Yeasin Sheikh Nov 19 '22 at 13:18
+try to recheck the image including path – Md. Yeasin Sheikh Nov 19 '22 at 13:34

flutter image fit lefts space at left and right

2 Answers2