title: How to expand Container color widget, without children, in Row / Column?
body: <p>Is there a way to fill the remaining space in a <code>Row</code> with a <code>Column</code>  using a <code>Container</code> widget? I have tried using <code>Expanded</code> but the container will not take up available space.</p>
  <p>The desired <code>Row</code> design is similar to this:</p>
  <p><a href="https://i.stack.imgur.com/l7Pyv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/l7Pyv.png" alt="Desired design with filled container" /></a></p>
  <p>In my app, this <code>Row</code> is wrapped in a <code>Column</code> and the <code>Container</code> is not filling space when using <code>Expanded</code>.</p>
  <p><a href="https://i.stack.imgur.com/HhrlV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HhrlV.png" alt="Sample app screenshot without filled container" /></a></p>
  <p>Sample app:</p>
  <pre class="lang-dart prettyprint-override"><code>import 'package:flutter/material.dart';
  
  void main() {
    runApp(const MyApp());
  }
  
  class MyApp extends StatelessWidget {
    const MyApp({super.key});
  
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        title: 'Flutter Demo',
        home: Scaffold(
          body: Column(
            children: [
              const Text(&quot;Some text&quot;),
              Row(
                children: [
                  const Text(&quot;Flutter&quot;),
                  Expanded(
                    child: Container(color: Colors.pink),
                  ),
                ],
              ),
              const Text(&quot;Some more text&quot;),
            ],
          ),
        ),
      );
    }
  }
  
  </code></pre>
  <p>As shown in the sample app, the expanded container does not show with its pink background.</p>