flutter_appbar 1.9.0

This package implements the flexible appbar behavior, And we pursue higher performance and responsiveness than the appbar generally provided by Flutter.

example/main.dart

// Hide Flutter's default AppBar.
import 'package:flutter/material.dart' hide AppBar;
import 'package:flutter_appbar/flutter_appbar.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: SafeArea(
          child: Example(),
        ),
      ),
    );
  }
}

/// Example widget demonstrating multiple AppBars with nested scrolling.
class Example extends StatelessWidget {
  const Example({super.key});

  @override
  Widget build(BuildContext context) {
    return AppBarConnection(
      // Connect multiple AppBars with a scrollable child.
      appBars: [
        AppBar(
          behavior: const MaterialAppBarBehavior(dragOnlyExpanding: true),
          alignment: Alignment.center,
          body: headerAppBarWidget(),
        ),
        AppBar(
          behavior: const MaterialAppBarBehavior(floating: true),
          body: floatingAppbarWidget(),
        ),
      ],
      child: ListView.builder(
        itemCount: 100,
        itemBuilder: (context, index) {
          return Text("Hello, World! $index");
        },
      ),
    );
  }

  /// Returns the header appBar content.
  static Widget headerAppBarWidget() {
    return Container(
      width: double.infinity,
      height: 300,
      color: Colors.red,
      alignment: Alignment.center,
      child: const Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text(
            "Header",
            style: TextStyle(
              fontSize: 32,
              fontWeight: FontWeight.bold,
            ),
          ),
          Text(
            "dragOnlyExpanding: true",
            style: TextStyle(fontSize: 16),
          ),
        ],
      ),
    );
  }

  /// Returns the floating appBar content.
  static Widget floatingAppbarWidget() {
    return Container(
      width: double.infinity,
      padding: const EdgeInsets.all(15),
      color: Colors.blue,
      alignment: Alignment.center,
      child: const Column(
        children: [
          Text(
            "AppBar",
            style: TextStyle(
              fontSize: 20,
              fontWeight: FontWeight.bold,
            ),
          ),
          Text("floating: true", style: TextStyle(fontSize: 16)),
        ],
      ),
    );
  }
}