How to fit an Image to column width in Flutter?

Question

I want to fit a child image to the width of the column father.

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: <Widget>[
    Image.network("Some image url"),
    Text("Fitted image"),
  ],
),

Solution 1

I suggest the following chenges

Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        Image.network("Your image url",
          width: double.infinity, 
          fit: BoxFit.fitWidth,
        ),
        Text("Fitted image"),
      ],
    )

Solution 2

Well, I resolved my problem using MediaQuery.

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: <Widget>[
    Container(
        child: Image.network("Some image url", fit: BoxFit.fill,), 
        width: MediaQuery.of(context).size.width,
    ),
    Text("Fitted image"),
  ],
),

Comments

[José Lozano Hernández]

Your solution is not bad, but Expand expands through the main axis, so it will grow vertically (column), it works because the image keeps his aspect ratio and grows his width also ;-)

[José Lozano Hernández]

Perfect, this answer is even better!