app_sliver 0.0.1 copy "app_sliver: ^0.0.1" to clipboard
app_sliver: ^0.0.1 copied to clipboard

A customizable and modular Flutter package for building rich, flexible sliver-based UIs. Includes support for sliver app bars, sliver lists and grids, nested tab views, background images, and floating [...]

app_sliver #

A customizable Flutter package that simplifies the creation of complex scrollable UIs using slivers. app_sliver provides prebuilt sliver-based widgets including flexible SliverAppBar, SliverList, SliverGrid, persistent headers, and more—all designed to enhance your productivity and UI consistency.

Features #

  • 📱 SliverAppBar+: Extendable SliverAppBar with rich customization including images, texts, stretch modes, actions, and flexible backgrounds.
  • 🧱 AppSliverGrid & AppSliverList: Dynamic sliver grid/list builders for efficient list rendering.
  • 🧭 AppSliverTabBar: Integrated tab bar support using NestedScrollView and sliver headers.
  • 🎯 FloatingActionButton Transformer: FAB that scales and moves based on scroll position.
  • 🔖 Persistent Headers: Custom header widgets that stay visible on scroll.

Installation #

Add this to your pubspec.yaml:

dependencies:
  app_sliver: ^0.0.1

Then run:

flutter pub get

Usage #

Sliver AppBar #

AppSliverAppBar(
  pinned: true,
  snap: false,
  floating: true,
  topTitle: 'Welcome',
  bottomTitle: 'Dashboard',
  imageSource: 'assets/header.jpg',
  actionsList: [Icon(Icons.settings)],
)

Sliver List #

AppSliverList<String>(
  listData: ['One', 'Two', 'Three'],
  child: (item) => ListTile(title: Text(item)),
)

Sliver Grid #

AppSliverGrid<int>(
  listData: List.generate(20, (i) => i),
  child: (item) => Card(child: Center(child: Text('$item'))),
  crossAxisCount: 2,
  childHeight: 3.5,
  childWidth: 2.0,
  mainAxisSpacing: 8.0,
  crossAxisSpacing: 8.0,
)

Sliver Tab Bar #

AppSliverTabBar(
  tabHeaders: [Text('Tab 1'), Text('Tab 2')],
  tabScreens: [ScreenOne(), ScreenTwo()],
)

FAB with Scroll Positioning #

AppSliverWithFabButton(
  floatingActionButton: FloatingActionButton(onPressed: () {}),
  fabTop: 200.0,
  fabRight: 16.0,
  pinned: true,
  body: AppSliverList<String>(...),
)

License #

MIT © Shohidul Islam

0
likes
130
points
186
downloads

Publisher

unverified uploader

Weekly Downloads

A customizable and modular Flutter package for building rich, flexible sliver-based UIs. Includes support for sliver app bars, sliver lists and grids, nested tab views, background images, and floating action buttons.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

app_style, bloc, flutter, flutter_bloc, reusable_icon, reusable_image_widget, reusable_list_view, reusable_tab_bar

More

Packages that depend on app_sliver