title: Making a persistent background image while staying responsive in Flutter
body: <p>I'm creating a login screen, and i have this background image,
  the problem is when the user clicks one of the <code>TextFields</code> and the keyboard pops, the background image changes its size to fit the new screen size (excluding the keyboard).</p>
  
  <p>I want the background to stay persistent and the same size, i would use <code>BoxFit.none</code>, but i'm afraid it will hurt the responsiveness of the app.</p>
  
  <p>Here's the code:</p>
  
  <pre><code>new Container(
        decoration: new BoxDecoration(
            color: Colors.red,
            image: new DecorationImage(
                fit: BoxFit.cover,
                image: new AssetImage(
                    'assets/images/splash_screen/background.png'))),
        child: new Center(
          child: new ListView(
            physics: new PageScrollPhysics(),
            children: &lt;Widget&gt;[ //Login screen content ],
          ),
        ),
      );
  </code></pre>
  
  <p>I also tried to define <code>BoxConstraints</code> with <code>minHeight</code> of the device screen but it doesn't help, and used <code>Stack</code> as well but with not luck.</p>
  
  <p>Here's what i mean by changing dimensions:
  <a href="https://imgur.com/rpqDO7c" rel="noreferrer">No Keyboard</a> / <a href="https://imgur.com/EudUnbx" rel="noreferrer">With Keyboard</a></p>