Animated Custom AppBar #

A customizable and animated AppBar for Flutter apps. Perfect for dynamic scroll-based UIs with smooth transitions.

ANIMATED CUSTOM APPBAR #

Features #

• Scroll-aware animation
• Flexible center widget
• Optional left and right icons
• Custom fading background and radius
• Beautiful transitions

Getting Started #

Use #

import 'package:flutter/material.dart';
import 'package:animated_custom_appbar/animated_custom_appbar.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: ExamplePage(),
    );
  }
}

class ExamplePage extends StatelessWidget {
  const ExamplePage({super.key});

  final scaffoldKey = GlobalKey<ScaffoldState>();
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: scaffoldKey,
      drawer: const Drawer(),
      body: AnimatedCustomAppBar(
        maxHeight: 180,
        minHeight: 76,
        fadingBackgroundShadow: [],
        centerWidget: const Text("Hello Appbar!", style: TextStyle(fontSize: 18)),
        leftWidgetPressed: () => scaffoldKey.currentState?.openDrawer(),
        chuildren: [
          ListView.builder(
            itemCount: 20,
            shrinkWrap: true,
            physics: const BouncingScrollPhysics(),
            itemBuilder: (_, i) => ListTile(title: Text("Item $i")),
          ),
        ],
      )
    );
  }
}

dependencies:
  animated_custom_appbar: ^1.0.1
# animated_custom_appbar