slinky_view

A sheet that aligns to the bottom of a widget and expands as scroll up.

Getting started

Add dependency.

dependencies:
  slinky_view: ^1.0.0

Usage

import 'package:slinky_view/slinky_view.dart';

SlinkyView(
  controller: SlinkyController(),
  panelParameter: SlinkyPanelParameter(
    contents: [
      SliverFixedExtentList(
        itemExtent: 150.0,
        delegate: SliverChildListDelegate([const Text('test')]),
      ),
      const SliverFillRemaining(
        hasScrollBody: false,
        child: ColoredBox(color: Colors.white),
      ),
    ],
  ),
  body: Container(
    color: Colors.blue.shade100,
    width: double.infinity,
    height: double.infinity,
  ),
);

SlinkyView

A container for a DraggableScrollableSheet that responds to drag gestures by resizing the scrollable until a limit is reached, and then scrolling. The body is masked and cannot be manipulated when scrolling upward.

name	description
`SlinkyPanelParameter panelParameter`	More detail is explained below.
`SlinkyController controller`	More detail is explained below.
`SlinkyScrollParameter scrollParameter`	More detail is explained below.
`Widget body`	The body is displayed below the panel.
`Color maskColor`	The maskColor is the color of MaskView. MaskView is a Widget that is displayed between the panel and body when the panel is scrolled. The default value is `Color(0x99000000)`.
`bool barrierDismissible`	The barrierDismissible argument is used to indicate whether tapping on the barrier will scroll down the panel. The default value is `true`.

SlinkyController

A controller that can be used to programmatically control this panel.

SlinkyPanelParameter

This class manages the parameters of the panel.

name	description
`SliverAppBar appBar`	The widget displayed at the top in the Panel.
`List<Widget> contents`	The widget’s displayed in the Panel. The widget’s must be Sliver widgets.
`double maxSize`	The maximum fractional value of the panel height to use when displaying the panel. The default value is `0.9`.
`double minSize`	The maximum fractional value of the panel height to use when displaying the panel. The default value is `0.9`.
`BorderRadiusGeometry borderRadius`	The rounded corners of panel. The default value is `BorderRadius.all(Radius.circular(32)`

SlinkyPanelParameter

This class manages the parameters of scroll.

name	description
`Duration duration`	Scrolling time. The default value is `Duration(milliseconds: 100)`.
`Curves curve`	Animation curves. The default value is `Curves.linear`.
`double scrollTolerance`	Scroll amount tolerance. The default value is `0.1`.

The setting method is as follows:

import 'package:slinky_view/slinky_view.dart';

SlinkyView(
  // ...
  scrollParameter: const SlinkyScrollParameter(
    duration: Duration(microseconds: 200),
    curve: Curves.bounceIn,
    scrollTolerance: 0.05
  ),
  // ...
);

GitHub

View Github