title: How can I route to a new page using tabController?
body: <p>Sorry if this sounds a bit obvious but this framework is still fairly unknown to me but I have created a bunch of other pages in my app (saved as .dart files) and also have created paths to them through the use of a drawer. I now have have a bottomNavigationBar that has 5 tabs. I want to be able to route to my previously created page using the tabs. I am currently using the defaultTabController.</p>
  
  <pre><code>bottomNavigationBar: Container(  
      color: Colors.grey[200],  
          child: Container(  
              margin: EdgeInsets.symmetric(vertical: 16),   
                  child: TabBar(  
                      isScrollable: true  
                      labelColor: Colors.black,  
                      labelPadding: EdgeInsets.fromLTRB(21, 0, 21, 16),  
                      unselectedLabelColor: Colors.black45,  
                      indicatorColor: Colors.orange,  
                      indicatorPadding: EdgeInsets.fromLTRB(21, 0, 21, 16),  
                      labelStyle: TextStyle(  
                          fontSize: 16, fontWeight: FontWeight.bold  
                      ),  
                   tabs: &lt;Tab&gt;[  
                      new Tab(  
                         text: "Home",  
                     ),  
                      new Tab(  
                         text: "Page 1",  
                     ),  
                      new Tab(  
                         text: "Page 2",  
                     ),  
                      new Tab(  
                         text: "Page 3",  
                     ),  
                      new Tab(  
                         text: "Page 4",  
                  ),  
                ],  
              ),  
            ),  
         ),  
  </code></pre>
  
  <p>For example, when someone clicks on the "Page 1" tab, I want to be able to route the user to my "page1.dart" file. Thanks in advance!</p>