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
),
// ...
);
19 Nov 4, 2022
1 Nov 25, 2021
100 Dec 17, 2021
67 Jan 6, 2023
457 Jan 4, 2023
8 Apr 15, 2022
12 Sep 22, 2022
18 Dec 16, 2022
1.7k Jan 7, 2023