App Bar & Action Bar

Top Flutter App Bar and Action Bar packages An App bar is the top-most component in a Flutter app that is used for branding, screen titles, navigation, and actions. The action items typically represented by icons or text provide easy access to common actions within an app. An app bar can also transform into a contextual action bar base on the context. In Flutter, one can also add a Sliver app bar that creates a flexible and responsive app bar which can be used in a variety of scenarios. Some of the most popular Flutter packages to create and customize App Bar, Sliver App Bar and Action Bar are provided below.

draggable_home

661

Draggable is a library for adding a beautiful draggable home page

flutter_custom_tabs

222

Flutter plugin for seamlessly displaying web content using Chrome Custom Tabs.

extended_sliver

154

A powerful extension library of Sliver, which include SliverPinnedPersistentHeader, SliverPinnedToBoxAdapter and ExtendedSliverAppbar.

super_cupertino_navigation_bar

119

Elevate your Flutter app's aesthetics with a collapsible app bar, stylish search bar animation, and versatile design inspired by iOS.

scroll_app_bar

Hide or show app bar while scrolling. This package works without custom scroll view and slivers.

sliver_app_bar_builder

A truly customizable sliver for app bars with the benefit of using builders.

sliver_header_delegate

A flexible sliver header delegate that allows easily customize your SliverHeader

sliver_fab

A wrapper widget allowing to place a widget on the edge of FlexibleSpacebar

sliver_snap

Allows you to use powerful snapping slivers with expanded and collapsed bars.

contextualactionbar

A Contextual Action Bar(CAB) workaround for flutter. CAB is a top app bar that replace the app app bar and provide contextual actions to selected items

customizable_space_bar

AppBar which changes the content with scrolling rate. Enables to implement "Large Title"

sliverbar_with_card

A Flutter package to create a SliverAppBar with a Card with action button and back button, excellent to show catalog items.

appbar_animated

Library to help you create animated text and background colors when scrolled.

app_bar_with_search_switch

An extension for AppBar witch can switch it into search field.

flutter_collapsing_toolbar

A Flutter package to create a Romantic Collapsing Toolbar.

fluent_appbar

Fluent AppBar is a package to recreate the iOS large text title bar with a Material design

background_app_bar

A background app bar plugin, use this plugin if you want to preserve background of sliver app bar when scrolling,

scaling_header

Scaling header(appBar) with scroll interactions

new_gradient_app_bar

The official AppBar, with a more colorful twist. Add gradients to spice up your application and make it beautiful.

fade_scroll_app_bar

You can create a large appbar and make a smooth fade effect by swiping.

animated_appbar

AppBar which can dynamically change height with page navigation.

decorative_app_bar

A Flutter Package for Decorating Your AppBar and Adding Extra Widgets

appbar_elevation

A Flutter Widget for an AppBar that is initially flush with the body and elevated when scrolled.

rubber_app_bar

A Flutter package that provides a custom widget for having a rubber app bar that stretches and contracts while scrolling.