title: Flutter - Responsive Image mapping?
body: <p>Good Evening,</p>
  
  <p>I have been searching for many hours and can not find a solution.
  I have set a full screen image and with a Stack I have Positioned several GestureDetectors.
  I have succeeded to be able to press on a GestureDetector and call a Function.
  The problem is that when the screen size changes, either to a new or older phone then the Image  responds and covers the full screen but the Positioned() of course stay at the same place, thus the Image mappings are not correct any more.</p>
  
  <p>Is there a way to make the Positioned be responsive? or Maybe a total different way achieving the desired outcome?</p>
  
  <p>Please help me :)</p>
  
  <pre><code>class Overview extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      double sh = MediaQuery.of(context).size.height;
      double sw = MediaQuery.of(context).size.width;
      return Scaffold(
        drawer: AppDrawer(),
        body: Stack(
          children: &lt;Widget&gt;[
            Container(
              height: sh,
              width: sw,
              decoration: BoxDecoration(
                  image: DecorationImage(
                      image: AssetImage('assets/images/ang7.png'),
                      fit: BoxFit.cover)),
            ),
            Positioned(
              left: 10,
              top: 50,
              child: IconButton(
                icon: Icon(Icons.menu),
                iconSize: 30,
                color: Colors.white,
                onPressed: () =&gt; Scaffold.of(context).openDrawer(),
              ),
          Positioned(
          left: left,
          top: top,
          child: GestureDetector(
            // child: Icon(Icons.add_circle),
            onTap: () =&gt; Navigator.push(context, MaterialPageRoute(
              builder: (context) {
                return Amenities(
                  tText[page][0],
                  tText[page][1],
                  tText[page][2],
                );
              },
            )),
            child: Container(
              height: 35,
              width: 50,
              color: Colors.blue,
            ),
          ));
            ),
  
  </code></pre>