https://github.com/theiskaa/hidable
Widget, that can make any static located widget hidable (scroll to hide).
https://github.com/theiskaa/hidable
flutter flutter-package scroll-to-hide
Last synced: 7 months ago
JSON representation
Widget, that can make any static located widget hidable (scroll to hide).
- Host: GitHub
- URL: https://github.com/theiskaa/hidable
- Owner: theiskaa
- License: apache-2.0
- Created: 2021-11-08T14:28:34.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-10-27T06:32:21.000Z (about 1 year ago)
- Last Synced: 2025-04-12T22:04:35.547Z (7 months ago)
- Topics: flutter, flutter-package, scroll-to-hide
- Language: Dart
- Homepage: https://pub.dev/packages/hidable
- Size: 61.5 KB
- Stars: 40
- Watchers: 2
- Forks: 4
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
## Installing
**See the official installation guidelines at [hidable/install](https://pub.dev/packages/hidable/install)**
## Usage & Overview
To start using `Hidable` widget, we have to create a `ScrollController`. inctance before.
```dart
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
```dart
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
```dart
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](https://github.com/theiskaa/hidable/blob/main/example/main.dart).