how to create nested tabbar in flutter

steps:

appBar: AppBar(  

            centerTitle: true,

            title: Text('HolidayLandmark'),  

            bottom: TabBar(  

              tabs: [  

                Tab(text:"Trips"),

                Tab(text:"Events"),

              ],  

            ),  

          ),  

          body: TabBarView(  

            children: [  

              TripBooking(),  // from TripBooking.dart file 
              EventBooking(),  // from EventBooking.dart file

            ],  

          ),

TripBooking.dart

appBar: AppBar(  
            toolbarHeight: 0,
            bottom: TabBar(  
              tabs: [  
                Tab(text:"MyTripbooking"),
                Tab(text:"ManageTripsbooking"),
              ],  
            ),  
          ),  
          body: TabBarView(  
            children: [  
              MyTripbooking(),  
              ManageTripsbooking(),  
            ],  
          ), 

MyTripbooking.dart

  child: SingleChildScrollView (
         child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              SingleChildScrollView(
                   child: Center(
                     child: Container(  
               child: new ElevatedButton(
                       style: ElevatedButton.styleFrom( 
                       primary: Colors.blue,
                        ),
                          child: Text(
                            'MyTripbooking',
                            style: TextStyle(
                              fontFamily: "Roboto",
                              color: Colors.white,
                            ),
                          ),
                          onPressed: () {
                          })
                 ),
                   ),   
                ),
            ],
          ),
        ),

ManageTripsbooking.dart

         child: SingleChildScrollView (
         child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              SingleChildScrollView(
                   child: Center(
                     child: Container(  
               child: new ElevatedButton(
                       style: ElevatedButton.styleFrom( 
                       primary: Colors.blue,
                        ),
                          child: Text(
                            'Search',
                            style: TextStyle(
                              fontFamily: "Roboto",
                              color: Colors.white,
                            ),
                          ),
                          onPressed: () {
                          })
                 ),
                   ),   
                ),
            ],
          ),
        ),
    );

Output

Abhishek Singh

I’m Abhishek, a DevOps, SRE, DevSecOps, and Cloud expert with a passion for sharing knowledge and real-world experiences. I’ve had the opportunity to work with Cotocus and continue to contribute to multiple platforms where I share insights across different domains:

• DevOps School – Tech blogs and tutorials

• Holiday Landmark – Travel stories and guides

• Stocks Mantra – Stock market strategies and tips

• My Medic Plus – Health and fitness guidance

• TrueReviewNow – Honest product reviews

• Wizbrand – SEO and digital tools for businesses

I’m also exploring the fascinating world of Quantum Computing.