title: How to overlay a view partially using the Stack widget in Flutter
body: <p>I am using Flutter for my app development.
  I would like to overlay a poster image view on top of a background image just like in this screenshot below.
  <a href="https://i.stack.imgur.com/hoWhK.png" rel="noreferrer"><img src="https://i.stack.imgur.com/hoWhK.png" alt="enter image description here"></a>
  The code snippet below does this, but it requires me to also position every other widget including the movie title, release date, etc based on poster's position and background image's position, which is not reliable across several devices and orientation. Is there an example or suggestion to solve this problem?</p>
  
  <pre><code>    @override
    Widget build(BuildContext context) {
      return new Scaffold(
        appBar: new PlatformAdaptiveAppBar(
          title: new Text(widget.movie.title),
        ),
        body: new Container(
            constraints: new BoxConstraints.expand(),
            child: new Stack(
              children: &lt;Widget&gt;[
                new Container(
                  child: new Image(
                      image: new AdvancedNetworkImage(
                          movieGridUtil.getUrlFromPath(widget.movie.backdrop_path,
                              MovieGridImageTypes.BACKDROP),
                          useMemoryCache: false,
                          useDiskCache: true)),
                  constraints: new BoxConstraints.expand(height: 250.0),
                ),
                new Positioned(
                    left: 12.0,
                    top: 220.0,
                    child: new Image(
                      width: 100.0,
                      height: 150.0,
                      image: new AdvancedNetworkImage(
                          movieGridUtil.getUrlFromPath(widget.movie.poster_path,
                              MovieGridImageTypes.POSTER),
                          useMemoryCache: false,
                          useDiskCache: true),
                    )),
              ],
            )),
      );
    }
  </code></pre>