theiskaa/hidable | Ducafecat

기술 주제

# scroll-to-hide # flutter # flutter-package

사용 중인 의존성

의존성 목록 3 개

flutter{"sdk":"flutter"}
flutter_test개발 의존성{"sdk":"flutter"}
flutter_lints개발 의존성^1.0.0

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

README 펼치기 / 접기

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 ↗