Flutter Container height same as parent height

Question

I want to overlay a Card with a white container, but the container always needs a height (otherwise it's not displayed). I want it to be as big as its parent, the stack. How can I make this work? The height of the card varies. I guess I'm missing something ;)

return new Stack(
 children: <Widget>[
  new Card( ... ),
  new Container(color: Colors.white70),
 ]
);

score 59 · Accepted Answer · answered Jun 28 '18 at 09:33

59

You can use a Positioned.fill to force a stack child to fill Stack.

Stack(
  children: [
    Card(),
    Positioned.fill(
      child: Container(color: Colors.red),
    )
  ]
);

answered Jun 28 '18 at 09:33

Rémi Rousselet

256,336
79
519
432

score 14 · Answer 2 · answered Mar 05 '20 at 08:47

14

height: double.infinity

It worked for me in case of container

answered Mar 05 '20 at 08:47

kulvinder

529
5
17

easier than wrapping the widget – Dani Oct 15 '20 at 11:28

Flutter Container height same as parent height

2 Answers2

Linked