hidable - GitLite

KO | EN

gitlite — search

#self-hosted #ai-agents #data-science #open-source #anthropic #linux #json #pytorch #windows #reactjs

hidable

(★ 41)

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

파일 탐색기

ZIP 다운로드

- 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

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

명령어 용어집

이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.

🔍

`flutter pub`

설명 보기 ▼

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).