title: How do I automatically scale images in flutter to fit every resolution without overflow and scrolling?
body: <p>I'm new and my English is pretty bad. Please answer easy to understand...
  I already tried using the AspectRatio Widget but it, combined with a Center widget, moved my buttons in the center. Apart from that it worked but the buttons really need to stick to the side. This is my code so far:</p>
  <pre><code>import 'package:flutter/cupertino.dart';
  import 'package:flutter/material.dart';
  import 'main.dart';
  import 'contentData.dart';
  import 'package:swipedetector/swipedetector.dart';
  
  AppBrain contentData = AppBrain();
  
  class SwipePage extends StatefulWidget {
    SwipePage({Key key, this.title}) : super(key: key);
    final String title;
  
    @override
    _SwipePage createState() =&gt; _SwipePage();
  }
  
  class _SwipePage extends State&lt;SwipePage&gt; {
    @override
    Widget build(BuildContext context) {
      return SwipeDetector(
        swipeConfiguration: SwipeConfiguration(
            horizontalSwipeMaxHeightThreshold: 80.0,
            horizontalSwipeMinDisplacement: 30.0,
            horizontalSwipeMinVelocity: 150.0),
        onSwipeLeft: () {
          Navigator.of(context).push(
            toInformationPage(),
          );
        },
        child: Scaffold(
          backgroundColor: Colors.white,
          body: SafeArea(
            child: Padding(
              padding: const EdgeInsets.only(top: 20, bottom: 20),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: &lt;Widget&gt;[
                  Container(
                    decoration: BoxDecoration(
                      color: Colors.white,
                      borderRadius: BorderRadius.only(
                          topLeft: Radius.circular(20),
                          topRight: Radius.circular(20),
                          bottomLeft: Radius.circular(20),
                          bottomRight: Radius.circular(20)),
                      boxShadow: [
                        BoxShadow(
                          color: Colors.grey.withOpacity(0.5),
                          spreadRadius: 5,
                          blurRadius: 7,
                          offset: Offset(0, 3), // changes position of shadow
                        ),
                      ],
                    ),
                    child: ClipRRect(
                      borderRadius: BorderRadius.circular(20),
                      child: Image.asset(
                        AppBrain().getImageAdress(),
                      ),
                    ),
                  ),
                  Padding(
                    padding: const EdgeInsets.only(top: 20.0, bottom: 20),
                    child: Divider(
                      color: Colors.grey,
                      height: 20,
                      thickness: 2,
                      indent: 120,
                      endIndent: 120,
                    ),
                  ),
                  Padding(
                    padding: const EdgeInsets.only(bottom: 20),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      crossAxisAlignment: CrossAxisAlignment.end,
                      children: &lt;Widget&gt;[
                        Container(
                          decoration: BoxDecoration(
                            color: buttonColor,
                            borderRadius: BorderRadius.only(
                              topRight: Radius.circular(50),
                              bottomRight: Radius.circular(50),
                            ),
                          ),
                          child: MaterialButton(
                            height: 60,
                            onPressed: () {},
                            textColor: red,
                            child: Icon(
                              Icons.close,
                              size: 45,
                            ),
                          ),
                        ),
                        Container(
                          width: 120,
                        ),
                        Container(
                          decoration: BoxDecoration(
                            color: buttonColor,
                            borderRadius: BorderRadius.only(
                              topLeft: Radius.circular(50),
                              bottomLeft: Radius.circular(50),
                            ),
                          ),
                          child: MaterialButton(
                            height: 60,
                            onPressed: () {
                              Navigator.of(context).push(
                                toInformationPage(),
                              );
                            },
                            textColor: green,
                            child: Icon(
                              Icons.check,
                              size: 45,
                            ),
                          ),
                        ),
                      ],
                    ),
                  )
                ],
              ),
            ),
          ),
        ),
      );
    }
  }
  </code></pre>
  <p>This is what it looks like now:
  <a href="https://imgur.com/a/2kgpJ6A" rel="noreferrer">https://imgur.com/a/2kgpJ6A</a>
  This is what it should look like across all aspect-ratios and resolutions (the image should just scale down..):
  <a href="https://imgur.com/FBNlpDa" rel="noreferrer">https://imgur.com/FBNlpDa</a></p>