title: Flutter error A RenderFlex overflowed. How to set image fit to screen?
body: <p>I want to show 2 image in same row like this.</p>
  <p><a href="https://i.stack.imgur.com/WInhW.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WInhW.jpg" alt="enter image description here" /></a></p>
  <p>This is my code.</p>
  <pre><code>class Page extends StatelessWidget {
    final assetsAudioPlayer = AssetsAudioPlayer();
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: &lt;Widget&gt;[
              Flexible(
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceAround,
                  children: &lt;Widget&gt;[
                    Image(
                      image: AssetImage('images/test.png'),
                      fit: BoxFit.fill,
                    ),
                    Image(
                      image: AssetImage('images/test.png'),
                      fit: BoxFit.fill,
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      );
    }
  }
  </code></pre>
  <p>It have no error when I use small image but when I use large image it show error like this.</p>
  <pre><code>════════ Exception caught by rendering library ═════════════════════════════════
  A RenderFlex overflowed by 156 pixels on the right.
  The relevant error-causing widget was
  Row
  </code></pre>
  <p>How to set image fit to screen?</p>