title: SliverAppBar with TabBar
body: <p>How can I add TabBar to SliverAppBar in Flutter? So far when I add a <code>bottom</code> to SliverAppBar, <code>title</code> gets pinned to those tabs, while I want it to be above those tabs.<br>
  Any ideas?</p>
  
  <p><img src="https://i.stack.imgur.com/LkzJE.png" alt="Screen"></p>
  
  <p>My code:</p>
  
  <pre><code>class _MyHomePageState extends State&lt;MyHomePage&gt; with SingleTickerProviderStateMixin{
    TabController controller;
  
  
    @override
    void initState() {
      super.initState();
      controller = new TabController(length: 3, vsync: this);
    }
  
    @override
    Widget build(BuildContext context) {
      return new Scaffold(
        body: new CustomScrollView(
          slivers: &lt;Widget&gt;[
            new SliverAppBar(
              pinned: true,
              flexibleSpace: new FlexibleSpaceBar(
                title: new Text("Some title"),
              ),
              expandedHeight: 160.0,
              bottom: new TabBar(tabs: [
                new Tab(text: 'Tab 1'),
                new Tab(text: 'Tab 2'),
                new Tab(text: 'Tab 3'),
              ],
              controller: controller,
              ),
            ),
            new SliverList(
              delegate: new SliverChildBuilderDelegate(
                (context, idx) {
                  return new ListTile(
                    title: new Text("$idx"),
                  );
                },
                childCount: 20,
              ),
            ),
          ],
        ),
      );
    }
  }
  </code></pre>