How to fit an Image to column width in Flutter?

Jos*_*dez 2 image flutter flutter-image

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"),
  ],
),
Run Code Online (Sandbox Code Playgroud)

Jos*_*dez 5

好吧,我使用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"),
  ],
),
Run Code Online (Sandbox Code Playgroud)


小智 5

我建议以下程序

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