title: How to scroll to next tab using TabBarView into TabBarView
body: <p>I have <code>TabBarView</code> into <code>TabBarView</code> like following</p>
  <pre><code>//stful
  late final TabController _controller1 = TabController( length: 3, vsync: this,initialIndex: 0);
   bottom:  TabBar(
    controller: _controller1,
  
   tabs: const [
   Tab(text: &quot;Stful1&quot;,),
  Tab(text: &quot;Stfu2&quot;,),
  Tab(text: &quot;Stfu3&quot;,),
  
   ],
  ),
  
      TabBarView(
      controller: _controller1
      children: [
      Stful1()
      Stful2()
      Stful3()
     ]
     )
  </code></pre>
  <p>Now I have 3 <code>Stfl</code> Class and every <code>Stful</code> has also <code>TabBarView</code> with some tabs, I am going to use here <code>Stful3</code> Tab to make it simple</p>
  <pre><code>Stful3() =&gt;
      late final TabController _controller2 = TabController( length: 3, vsync: this,initialIndex: 0);
       bottom:  TabBar(
        controller: _controller2,
      
       tabs: const [
       Tab(text: &quot;page1&quot;,),
      Tab(text: &quot;page2&quot;,),
      Tab(text: &quot;page3&quot;,),
      
       ],
      ),
      
          TabBarView(
          controller: _controller2
          children: [
          page1()
          page2()
          page3()
         ]
         )
  </code></pre>
  <p>Now lets say i am in page 1 and scrolling free with page1 and page3 but when i access to extent swip right or left where there is no tabs in current <code>TabBarView</code>   it does not moving me to other tabs which they are in the main TabBarView .</p>
  <p>does it possible in flutter frame work ?
  How can achieve this ?</p>
  <p><em><strong>EDIT</strong></em></p>
  <p>here is the full code</p>
  <pre><code>import 'package:flutter/material.dart';
  
  class MyMainTabVarView extends StatefulWidget {
    const MyMainTabVarView({Key? key}) : super(key: key);
  
    @override
    _MyMainTabVarViewState createState() =&gt; _MyMainTabVarViewState();
  }
  
  class _MyMainTabVarViewState extends State&lt;MyMainTabVarView&gt; with SingleTickerProviderStateMixin{
  
    late final TabController controllerForMainTabVarView = TabController( length: 3, vsync: this,initialIndex: 0 );
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
  
        backgroundColor: Colors.blue,
        body: Column(
          children:  [
            Expanded(
              child: TabBarView(
                controller: controllerForMainTabVarView,
                children: const [
                  MyStful1(),
                  MyStful2(),
                  MyStful3(),
                ],
              ),
            ),
            TabBar( // here i am use TabBar at the bottom of the screen instead of bottom Navigation Bar
              controller:controllerForMainTabVarView,
              tabs: const [
                Tab(text: &quot;My Stful 1&quot;,),
                Tab(text: &quot;My Stful 2&quot;,),
                Tab(text: &quot;My Stful 3&quot;,),
              ],
            )
          ],
        ),
      );
    }
  }
  
  
  
  class MyStful1 extends StatefulWidget {
    const MyStful1({Key? key}) : super(key: key);
  
    @override
    _MyStful1State createState() =&gt; _MyStful1State();
  }
  
  class _MyStful1State extends State&lt;MyStful1&gt; with SingleTickerProviderStateMixin{
  
    late final TabController controllerForMyStful1 = TabController( length: 2, vsync: this,initialIndex: 0 );
  
    @override
    Widget build(BuildContext context) {
      return  Scaffold(
        appBar: AppBar(
          bottom: TabBar(
            controller:controllerForMyStful1,
            tabs: const [
              Tab(text: &quot;Page1&quot;,),
              Tab(text: &quot;Page2&quot;,),
            ],
          ),
        ),
        body: TabBarView(
          controller: controllerForMyStful1,
          children: const [
            Center(child: Text('Page1')),
            Center(child: Text('Page2')),
          ],
        ),
      );
    }
  }
  
  
  
  class MyStful2 extends StatefulWidget {
    const MyStful2({Key? key}) : super(key: key);
  
    @override
    _MyStful2State createState() =&gt; _MyStful2State();
  }
  
  class _MyStful2State extends State&lt;MyStful2&gt; with SingleTickerProviderStateMixin{
  
    late final TabController controllerForMyStful2 = TabController( length: 2, vsync: this,initialIndex: 0 );
  
    @override
    Widget build(BuildContext context) {
      return  Scaffold(
        appBar: AppBar(
          bottom: TabBar(
            controller:controllerForMyStful2,
            tabs: const [
              Tab(text: &quot;Page1&quot;,),
              Tab(text: &quot;Page2&quot;,),
            ],
          ),
        ),
        body: TabBarView(
          controller: controllerForMyStful2,
          children: const [
            Center(child: Text('Page1')),
            Center(child: Text('Page2')),
          ],
        ),
      );
    }
  }
  
  
  class MyStful3 extends StatefulWidget {
    const MyStful3({Key? key}) : super(key: key);
  
    @override
    _MyStful3State createState() =&gt; _MyStful3State();
  }
  
  class _MyStful3State extends State&lt;MyStful3&gt;with SingleTickerProviderStateMixin {
  
    late final TabController controllerForMyStful3 = TabController( length: 2, vsync: this,initialIndex: 0 );
  
    @override
    Widget build(BuildContext context) {
      return  Scaffold(
        appBar: AppBar(
          bottom: TabBar(
            controller:controllerForMyStful3,
            tabs: const [
              Tab(text: &quot;Page1&quot;,),
              Tab(text: &quot;Page2&quot;,),
            ],
          ),
        ),
        body: TabBarView(
          controller: controllerForMyStful3,
          children: const [
            Center(child: Text('Page1')),
            Center(child: Text('Page2')),
          ],
        ),
      );
    }
  }
  </code></pre>