Sliverappbar with tabbar flutter

Flutter sliver TabBar

import 'package:flutter/material.dart';
//Shohel Rana Shanto

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({ Key? key }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: HomePage(),
      
    );
  }
}
class HomePage extends StatefulWidget {
  const HomePage({ Key? key }) : super(key: key);

  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length:4 ,
      child: Scaffold(
        body: NestedScrollView(headerSliverBuilder: (context,_){
          return [
            SliverAppBar(
              pinned: true,
              title: Text('Sliver TabBar'),
              backgroundColor: Colors.black87,
              bottom: TabBar(tabs: [
                Tab(text: 'Grid',),
                Tab(text: 'List',),
                Tab(text: 'Images',),
                Tab(text: 'Color',),
              ]),
            )
          ];
        },
        
         body: TabBarView(children: [
           Container(color: Colors.green,child: GridView.count(crossAxisCount: 3,
           children: 
             List.generate(100, (index) => 
             Card(color: Colors.amber,child: Text('Grid$index'),)
             )
           
           
           ),),
           Container(color: Colors.red,child: ListView.builder(
             itemCount: 6,
             itemBuilder: (context,index){
             return Card(
               child: ListTile(
                 title: Text('List$index'),
               ),
             );
           }),),
           Container(color: Colors.yellow,),
           Container(color: Colors.blue,),
         ]),
      
      ),
      ),
    );
  }
}

Source: grepper.com

Similar codes

1 vote315 views1 answer
Try using 'as prefix' for one of the import directives, or hiding the name from all but one of the imports.dartambiguous_import
Dart
3 votes293 views1 answer
How to add a circular dot as an indicator in Flutter Tabs?
Dart
5 votes315 views2 answers
How to attach a FloatingActionButton to the AppBar
Dart
1 vote311 views1 answer
Flutter pretext on textfield
Dart
-1 vote328 views1 answer
Type '_InternalLinkedHashMap<DateTime, int>' is not a subtype of type 'Map<DateTime, double>'
Dart
1 vote319 views1 answer
Materialstateproperty
Dart
3 votes313 views1 answer
Flutter random pick in list
Dart
1 vote309 views1 answer
Convert string date to datetime and format
Dart
4 votes301 views1 answer
Dart getter
Dart
1 vote283 views1 answer
Dart int double
Dart