hidable - GitLite

KO | EN

gitlite — search

#typescript #windows #swift #vue #rust #sql #css #golang #git #gemini

hidable

(★ 41)

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

File Explorer

ZIP Download

- main.dart
- - hidable_controller.dart
  - hidable_widget.dart
- hidable.dart
- hidable_controller_test.dart
- hidable_widet_test.dart
- test_widget.dart
.gitignore
CHANGELOG.md
LICENSE
pubspec.lock
pubspec.yaml
README.md

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

Command Glossary

Commands referenced in this DOCs, explained below.

🔍

`flutter pub`

View Details ▼

Flutter's package manager.
Note: Packages are available on <https://pub.dev>.
See also: `flutter`.

flutter pub get

Download/Update all packages specified in `pubspec.yaml`:

flutter pub add {{package1 package2 ...}}

Add a package dependency to an app:

flutter pub remove {{package1 package2 ...}}

Remove a package dependency from an app:

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<a href="https://pub.dev/packages/hidable">
  <img src="https://img.shields.io/pub/v/hidable?color=blue" alt="pub version" />
 </a>
 <a href="https://github.com/theiskaa/hidable/blob/main/LICENSE">
  <img src="https://img.shields.io/badge/License-Apache-red.svg" alt="License: MIT"/>
 </a>

## 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):
```yml
dependencies:
  hidable: ^1.0.6
```

<img width="300" src="https://user-images.githubusercontent.com/59066341/188278709-d9879bfe-b473-4b2c-b53b-6fbe97d35ad3.gif" alt="Package Example 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).