Package Logo


pub version


License: MIT

安装

请参阅官方安装指南：hidable/install

用法与概述

Package Example Overview

要开始使用 Hidable 小部件，我们必须先创建一个 ScrollController 实例。

final ScrollController scrollController = ScrollController();

作为使用案例，我们应该有一个可滚动的小部件（SingleChildScrollView, ListView 等）
以及一个静态定位的小部件（AppBar, BottomNavBar 等），它将被 Hidable 小部件包裹。

因此，我们之前创建的 scrollController 必须同时提供给可滚动的小部件和静态定位的 hidable 小部件。

可滚动小部件

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

静态定位的可隐藏小部件

Hidable(
  controller: scrollController,
  wOpacity: true, // As default it's true.
  size: 56, // As default it's 56.
  child: BottomNavigationBar(...),
),

这是 hidable 的通用用法，您也可以在 官方示例页面 找到 hidable 的完整代码实现。

GitHub

查看 Github