title: Widgets not showing up in flutter
body: <p>Im trying to do the layout below with flexible widgets so when the screen size changes the layout stays about the same but when I put a flexible widget around a column anything that I put in the column in not visible. What am I doing wrong?</p>
  <p>Wanted Outcome</p>
  <p><a href="https://i.stack.imgur.com/dunx6.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dunx6.jpg" alt="enter image description here" /></a></p>
  <p>What I have</p>
  <p><a href="https://i.stack.imgur.com/192Z7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/192Z7.png" alt="enter image description here" /></a></p>
  <p>My code</p>
  <pre><code>class _HomeScreenState extends State&lt;HomeScreen&gt; {
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        backgroundColor: Colors.black,
        appBar: AppBar(
          backgroundColor: Colors.black,
        ),
        body: SafeArea(
          child: Column(
            children: [
              Flexible(
                flex: 9,
                child: Column(
                  children: [
                    Padding(
                      padding: const EdgeInsets.only(bottom: 8.0),
                      child: Container(
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(15),
                          color: Colors.grey,
                        ),
                      ),
                    ),
                    Padding(
                      padding: const EdgeInsets.only(bottom: 8.0),
                      child: Container(),
                    ),
                    Padding(
                      padding: const EdgeInsets.only(bottom: 8.0),
                      child: Container(),
                    ),
                    Padding(
                      padding: const EdgeInsets.only(bottom: 8.0),
                      child: Container(),
                    ),
                  ],
                ),
              ),
              Flexible(
                flex: 1,
                child: Container(
                  decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(15),
                      color: Colors.white),
                ),
              )
            ],
          ),
        ),
      );
    }
  }
  
  </code></pre>