title: Flutter app bar layout: action buttons in the same row with tab bar?
body: <p>Let's say I would like to create an app bar with two action buttons at the start and in the end while having a tab bar right in the middle, all in the same row. Here is the code I worked on to get the tab bar working:</p>
  <pre><code>import 'package:flutter/material.dart';
  
  void main() =&gt; runApp(MyApp());
  
  class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        theme: ThemeData(
          highlightColor: Colors.transparent,
          splashColor: Colors.transparent,
          hoverColor: Colors.transparent,
        ),
        title: 'Flutter Demo',
        home: DefaultTabController(
          length: 2,
          child: Scaffold(
            appBar: AppBar(
              leading: Icon(
                Icons.menu,
              ),
              automaticallyImplyLeading: false,
              backgroundColor: Colors.white,
              flexibleSpace: new Column(
                mainAxisAlignment: MainAxisAlignment.end,
                children: [
                  TabBar(
                    indicatorColor: Colors.pink[100],
                    tabs: [
                      Tab(text: 'Dogs'),
                      Tab(text: 'Cats'),
                    ],
                    labelColor: Colors.black,
                  ), //tabbar
                ], //chilren on Tabbar
              ), //new Column
            ), //appbar
            body: TabBarView(
              children: [
                Center(child: Text('DOGS')),
                Center(child: Text('CATS')),
              ],
            ),
          ),
        ),
      );
    }
  }
  </code></pre>
  <p>appbar current
  <a href="https://i.stack.imgur.com/QChlB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QChlB.png" alt="appbar current" /></a></p>
  <p>app bar expected, with two action buttons (and the indicator position needs a bit more work:
  <a href="https://i.stack.imgur.com/VLQNq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VLQNq.png" alt="appbar expected, with two action buttons (and the indicator position needs a bit more work" /></a></p>
  <p>But how could I add the two action buttons without having the tab bar overlaying them? Using grid maybe?</p>