flutter sliverappbar example

Add Answer | View In TPC Matrix

Technical Problem Cluster First Answered On January 3, 2022 Popularity 10/10 Helpfulness 4/10

Contributions From The Grepper Developer Community

Code Examples

flutter sliverAppBar

TPC Matrix View Full Screen

flutter sliverAppBar

Comment

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}
class MyApp extends StatefulWidget {
  const MyApp({ Key? key }) : super(key: key);

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

class _MyAppState extends State<MyApp> {
  @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> {
  var sona= ['manush','ShoyTan'];
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        slivers: [
          SliverAppBar(
            backgroundColor: Colors.blue.withOpacity(0.7),
            leading: Icon(Icons.menu),
            actions: [
              
              Icon(Icons.notifications),
              Icon(Icons.search),
              // Shohel Rana Shanto
              ],
            pinned: true,
           
          
            expandedHeight: 200,
            floating: true,
            flexibleSpace: FlexibleSpaceBar(
              
              title: Text('Flutter Sliver'),
                centerTitle: true,
                background: Image(image: NetworkImage('https://pfps.gg/assets/banners/2547-illusion-gif.gif'), fit: BoxFit.cover,),

              ),
              
            ),

         SliverList(
           
           delegate: SliverChildBuilderDelegate(
        
           (context,index){
             
             return Card(
               color: Colors.pink[100*(index%9+1)],
               child: ListTile(title: Text(sona[index]),),
             );
           },
           childCount: sona.length ,
           addAutomaticKeepAlives: false,
         )),
         SliverGrid(
           
           delegate: SliverChildBuilderDelegate(
        
           (context,index){
             
             return Card(
               color: Colors.green[100*(index%9+1)],
               child: ListTile(title: Text("shohel$index"),),
             );
           },
           childCount: 100,
         ),
         gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 4),
         ),
        ],
      ),
    );
  }
}

Popularity 10/10 Helpfulness 4/10 Language dart

Source: Grepper

Tags: dart flutter-sliver flutter-sliverappbar

Link to this answer
Share Copy Link

Contributed on Jan 03 2022

Angry Alpaca

6 Answers Avg Quality 8/10

flutter sliverappbar example

Contents

Code Examples

Related Problems

TPC Matrix View Full Screen

flutter sliverAppBar

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.