Bottom Sheet
This package is part of the SurfGear toolkit made by Surf.
About
Custom bottom sheet widget that can be resized in response to drag gestures and then scrolled.
Description
Main classes:
Flexible and scrollable bottom sheet.
All you have to do is call showFlexibleBottomSheet() and you'll get a popup that looks like a modal bottom sheet and can be resized by dragging it up and down and scrolled when expanded.
There are 2 types of BottomSheets:
- BottomSheet
- StickyBottomSheet
Example
Simple BottomSheet
To show bottomSheet, use :
showFlexibleBottomSheet(
minHeight: 0,
initHeight: 0.5,
maxHeight: 1,
context: context,
builder: _buildBottomSheet,
anchors: [0, 0.5, 1],
);
Widget _buildBottomSheet(
BuildContext context,
ScrollController scrollController,
double bottomSheetOffset,
) {
return SafeArea(
child: Material(
child: Container(
child: ListView(
...
),
),
),
);
}
Sticky BottomSheet
To show sticky BottomSheet, use:
You have to return SliverChildListDelegate from builder !!!
showStickyFlexibleBottomSheet(
minHeight: 0,
initHeight: 0.5,
maxHeight: 1,
headerHeight: 200,
context: context,
backgroundColor: Colors.white,
headerBuilder: (BuildContext context, double offset) {
return Container(
...
);
},
builder: (BuildContext context, double offset) {
return SliverChildListDelegate(
<Widget>[...],
);
},
anchors: [0, 0.5, 1],
);
Installation
Add bottom_sheet to your pubspec.yaml file:
dependencies:
bottom_sheet: $currentVersion$
At this moment, the current version of bottom_sheet is 
Changelog
All notable changes to this project will be documented in this file.
Issues
To report your issues, submit them directly in the Issues section.
Contribute
If you would like to contribute to the package (e.g. by improving the documentation, fixing a bug or adding a cool new feature), please read our contribution guide first and send us your pull request.
Your PRs are always welcome.
How to reach us
Please feel free to ask any questions about this package. Join our community chat on Telegram. We speak English and Russian.
![[BUG] Scrollable area does not expand or collapse on desktop](https://avatars.githubusercontent.com/u/7361228?v=4)
![[BUG] LateInitializationError when open bottom_sheet](https://avatars.githubusercontent.com/u/14325911?v=4)
![[BUG] failure during golden tests](https://avatars.githubusercontent.com/u/20505376?v=4)
![[BUG] BottomSheet pop twice.](https://avatars.githubusercontent.com/u/108989782?v=4)
![[BUG] SnackBar over bottom sheet](https://avatars.githubusercontent.com/u/47545344?v=4)
22 Dec 13, 2022
1 Nov 25, 2021
67 Jan 6, 2023
100 Dec 17, 2021
68 Dec 29, 2022
375 Nov 20, 2022
457 Jan 4, 2023
11 Oct 17, 2022
91 Dec 3, 2022
18 Dec 16, 2022
8 Oct 16, 2022
43 Dec 7, 2022
2 Jul 4, 2022
0 Apr 12, 2022
273 Nov 4, 2022
3 Feb 23, 2022
396 Mar 10, 2022
25 Dec 12, 2022