title: Flutter: Make Buttons stretch
body: <p>I having an issue with a Flutter Widget tree I am building:</p>
  <p><a href="https://i.stack.imgur.com/VMs6o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VMs6o.png" alt="enter image description here" /></a></p>
  <p>I Want the Buttons on the Bottom to be bigger and fill all the available space from the text above to the bottom of the screen.</p>
  <p>Here my current Code:</p>
  <pre><code>class Body extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      Size size = MediaQuery.of(context).size;
      return SafeArea(
        child: Column(
          children: [
            UpperDetailsContainer(),
            TitleAndPrice(),
            //The Row below contains the Two Buttons
            Expanded(
              child: Row(
                children: [
                  Container(
                    width: size.width / 2,
                    child: TextButton(
                      child: Text(&quot;Buy Now&quot;),
                      style: TextButton.styleFrom(
                        backgroundColor: kPrimaryColor,
                        shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.only(
                            topRight: Radius.circular(50)
                          )
                        )
                      ),
                    ),
                  ),
                  Container(
                    width: size.width / 2,
                    child: TextButton(
                      child: Text(&quot;Description&quot;),
                      style: TextButton.styleFrom(
                          backgroundColor: kPrimaryColor,
                          shape: RoundedRectangleBorder(
                              borderRadius: BorderRadius.only(
                                  topLeft: Radius.circular(50)
                              )
                          )
                      ),
                    ),
                  ),
                ],
              ),
            )
          ],
  
        ),
      );
    }
  }
  </code></pre>
  <p>I have already tried:</p>
  <ul>
  <li>Making the upper widgets smaller</li>
  <li>Adding Mainaxisaligment.spacebetween to the surrounding column</li>
  <li>Adding Crossaxisaligment.stretch to the Row that contains the buttons</li>
  <li>Removing SafeArea bottom / SafeArea as a whole</li>
  <li>Setting the height for the buttons manually as an absolute value, but I don't really wanna do this for obvious reasons</li>
  </ul>
  <p>What else can i do? And where does that grey bottom Stripe come from?</p>