fab_scroll_animator #

Add native Flutter animation to the FloatingActionButton when scrolling a ListView or GridView.

This package helps you automatically animate the FloatingActionButton between extended and collapsed states based on the user's scroll direction.

✨ Features #

• Automatically detects scroll direction (up/down)
• Collapses the FAB when scrolling down
• Expands the FAB when scrolling up or idle
• Smooth transition using AnimatedContainer
• Customizable collapsed width and animation duration
• Compatible with ListView, GridView, or any scrollable widget

🎥 Demo #

🚀 Getting Started #

Add the dependency in your pubspec.yaml:

dependencies:
  fab_scroll_animator: ^1.0.0

Then import it:

import 'package:fab_scroll_animator/fab_scroll_animator.dart';

🧪 Example #

final ScrollController scrollController = ScrollController();

Scaffold(
  body: ListView.builder(
    controller: scrollController,
    itemCount: 150,
    itemBuilder: (_, index) => ListTile(title: Text('LLLLoooonnnngggg Item \$index')),
  ),
  floatingActionButton: FABScrollAnimator(
    scrollController: scrollController,
    onScroll: (isExtended) {
      return FloatingActionButton.extended(
        isExtended: isExtended,
        onPressed: () {},
        label: Text('LLLLoooonnnngggg Text'),
        icon: Icon(Icons.add),
      );
    },
  ),
);

⚙️ Parameters #

📦 Other Packages #

📄 License #

This project is licensed under the MIT License. See the LICENSE file for details.