Description:

slinky view

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
copied to clipboard
Usage #
Super simple to use #
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,
),
);
copied to clipboard
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
),
// ...
);
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter