title: TabBar on bottom of app with Column
body: <p>I am trying to put the TabBar on the bottom of the app.</p>
  
  <p>It worked so far, yet I can't get the pages to work (TabBarView). It just looks black and unresponsive. The TabBar is unresponsive too. Have I taken the wrong approach?</p>
  
  <p>Currently, it looks like that:</p>
  
  <p><a href="https://i.imgur.com/dTTcj2X.png" rel="noreferrer"><img src="https://i.imgur.com/dTTcj2X.png" alt="image"></a></p>
  
  <p>And the code looks like this: </p>
  
  <pre><code>import 'package:flutter/material.dart';
  
  void main() =&gt; runApp(Bookkeeper());
  
  class Bookkeeper extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
      return MaterialApp(
          home: DefaultTabController(
              length: 4,
  
              child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      verticalDirection: VerticalDirection.up,
                      mainAxisSize: MainAxisSize.min,
                      children: [
                          AppBar(
                              backgroundColor: Color(0xFF3F5AA6),
                              title: Container(
                                  padding: EdgeInsets.only(top: 8.0),
                                  child: menu(),
                              ),
                          ),
  
                      TabBarView(
                          children: [
                              Icon(Icons.directions_car),
                              Icon(Icons.directions_transit),
                              Icon(Icons.directions_bike),
                              Icon(Icons.directions_bike),
                          ],
                      ),
                  ],
              ),
          ),
      );
  }
  
  Widget menu() {
          return TabBar(
              tabs: [
                  Tab(
                      child: Container(
                          height: 45.0,
                          child: Column(
                              children:
                              [
                                  Icon(Icons.euro_symbol),
                                  Text(
                                      "Transactions",
                                      style: new TextStyle(
                                          height: 1.5,
                                          fontSize: 9.8,
                                          color: Colors.white,
                                      ),
                                  ),
                              ],
                          ),
                      ),
                  ),
                  Tab(
                      child: Container(
                          height: 45.0,
                          child: Column(
                              children:
                              [
                                  Icon(Icons.assignment),
                                  Text(
                                      "Bills",
                                      style: new TextStyle(
                                          height: 1.5,
                                          fontSize: 9.5,
                                          color: Colors.white,
                                      ),
                                  ),
                              ],
                          ),
                      ),
                  ),
                  Tab(
                      child: Container(
                          height: 45.0,
                          child: Column(
                              children:
                              [
                                  Icon(Icons.account_balance_wallet),
                                  Text(
                                      "Balance",
                                      style: new TextStyle(
                                          height: 1.5,
                                          fontSize: 9.5,
                                          color: Colors.white,
                                      ),
                                  ),
                              ],
                          ),
                      ),
                  ),
                  Tab(
                      child: Container(
                          height: 45.0,
                          child: Column(
                              children:
                              [
                                  Icon(Icons.settings),
                                  Text(
                                      "Options",
                                      style: new TextStyle(
                                          height: 1.5,
                                          fontSize: 9.5,
                                          color: Colors.white,
                                      ),
                                  ),
                              ],
                          ),
                      ),
                  ),
              ],
          );
      }
  }
  </code></pre>