GitHub repositorytheiskaa/hidable

hidable

A widget that allows any statically positioned widget to hide on scroll.

hidable project cover
Stars
41
Forks
4
Last push (UTC)
Mar 19, 2026
Project status
Active

Original README

English project snapshot. Visit GitHub for the latest content.

hidable

pub version License: MIT

Use this package as a library

Run this command with Flutter:

 $ flutter pub add hidable

This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):

dependencies:
  hidable: ^1.0.6
Package Example Overview

To start using Hidable widget, we have to create a ScrollController. inctance before.

final ScrollController scrollController = ScrollController();

As case of usage, we should have one scrollable widget (SingleChildScrollView, ListView etc) and one static located widget (AppBar, BottomNavigationBar, FloatingActionButton and etc) which would be wrapped with Hidable widget.

So, scrollController which we created before must be given to each one (scrollable widget and static located hidable widget).

Scrollable widget
ListView.separated(
  // General scroll controller which makes bridge between
  // This ListView and Hidable widget.
  controller: scrollController,
  itemCount: colors.length,
  itemBuilder: (_, i) => Container(
     height: 50,
     color: colors[i].withOpacity(.6),
  ),
  separatorBuilder: (_, __) => const SizedBox(height: 10),
),
Static located hidable widget
Hidable(
  controller: scrollController,
  enableOpacityAnimation: true, // optional, defaults to `true`.
  child: BottomNavigationBar(...),
),

That is the common usage of hidable, and also you can find full code implmenetation of hidable at official example page.

Ismael GitHub avatar
GitHub author

Ismael ↗

Libertas aut mors

@tnet-organizationGeorgia
LanguagesDart

Categories

Dependencies used

Dependency list 3 items

  • flutter{"sdk":"flutter"}
  • flutter_testDevelopment{"sdk":"flutter"}
  • flutter_lintsDevelopment^1.0.0

How do I choose a repository?

Start with your use case, compare repository activity, and check the original project before adopting it.

  1. Search by repository name, owner or description, then narrow the results by topic.
  2. Compare stars, forks and recent pushes. Stars show community interest, not a guarantee of quality.
  3. Read the README, license and issues on GitHub before using a project.

Sources and maintenance

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗