Support for Slivers with Multiple Box Children

README.md

@@ -105,7 +105,7 @@ Widget _buildBottomSheet(
 ![Demo](https://raw.githubusercontent.com/surfstudio/flutter-bottom-sheet/main/assets/open-sticky-bottom-sheet.gif)
 
 To show sticky BottomSheet, use: 
-**You have to return SliverChildListDelegate from builder !!!**
+**You have to return SliverMultiBoxAdaptorWidget from builder (SliverList, SliverGrid or SliverFixedExtentList) !!!**
 
 ```dart
 showStickyFlexibleBottomSheet(
@@ -121,10 +121,17 @@ showStickyFlexibleBottomSheet(
  );
  },
  builder: (BuildContext context, double offset) {
- return SliverChildListDelegate(
- <Widget>[...],
+ return SliverList(
+ delegate: SliverChildBuilderDelegate(
+ childCount: 5,
+ (BuildContext context, int index) {
+ return <Widget>....;
+ },
+ ),
  );
  },
+
+
  anchors: [0, 0.5, 1],
 );
 ```
@@ -146,7 +153,7 @@ All notable changes to this project will be documented in [this file](./CHANGELO
 
 ## Issues
 
-To report your issues,  submit them directly in the [Issues](https://github.com/surfstudio/flutter-bottom-sheet/issues) section.
+To report your issues, submit them directly in the [Issues](https://github.com/surfstudio/flutter-bottom-sheet/issues) section.
 
 ## Contribute
 

example/lib/standard_bottom_sheet_example.dart

@@ -97,8 +97,10 @@ class _StandardBottomSheetExampleState
  );
  },
  bodyBuilder: (context, offset) {
- return SliverChildListDelegate(
- _children,
+ return SliverList(
+ delegate: SliverChildListDelegate(
+ _children,
+ ),
  );
  },
  anchors: [0.2, 0.5, 0.8],

lib/src/flexible_bottom_sheet.dart

@@ -46,8 +46,8 @@ typedef FlexibleDraggableScrollableHeaderWidgetBuilder = Widget Function(
 /// and [bottomSheetOffset] for determining the position of the BottomSheet
 /// relative to the upper border of the screen.
 /// [bottomSheetOffset] - fractional value of offset.
-typedef FlexibleDraggableScrollableWidgetBodyBuilder = SliverChildDelegate
- Function(
+typedef FlexibleDraggableScrollableWidgetBodyBuilder
+ = SliverMultiBoxAdaptorWidget Function(
  BuildContext context,
  double bottomSheetOffset,
 );
@@ -98,6 +98,7 @@ class FlexibleBottomSheet<T> extends StatefulWidget {
  final FlexibleDraggableScrollableWidgetBuilder? builder;
  final FlexibleDraggableScrollableHeaderWidgetBuilder? headerBuilder;
  final FlexibleDraggableScrollableWidgetBodyBuilder? bodyBuilder;
+ final EdgeInsets? bodyPadding;
  final bool isCollapsible;
  final bool isExpand;
  final DraggableScrollableController? draggableScrollableController;
@@ -122,6 +123,7 @@ class FlexibleBottomSheet<T> extends StatefulWidget {
  this.builder,
  this.headerBuilder,
  this.bodyBuilder,
+ this.bodyPadding,
  this.isCollapsible = false,
  this.isExpand = true,
  this.animationController,
@@ -152,6 +154,7 @@ class FlexibleBottomSheet<T> extends StatefulWidget {
  FlexibleDraggableScrollableWidgetBuilder? builder,
  FlexibleDraggableScrollableHeaderWidgetBuilder? headerBuilder,
  FlexibleDraggableScrollableWidgetBodyBuilder? bodyBuilder,
+ EdgeInsets? bodyPadding,
  bool isExpand = true,
  AnimationController? animationController,
  List<double>? anchors,
@@ -170,6 +173,7 @@ class FlexibleBottomSheet<T> extends StatefulWidget {
  builder: builder,
  headerBuilder: headerBuilder,
  bodyBuilder: bodyBuilder,
+ bodyPadding: bodyPadding,
  minHeight: 0,
  initHeight: initHeight,
  isCollapsible: true,
@@ -395,6 +399,7 @@ class _FlexibleBottomSheetState<T> extends State<FlexibleBottomSheet<T>> {
  builder: widget.builder,
  decoration: contentDecoration,
  bodyBuilder: widget.bodyBuilder,
+ bodyPadding: widget.bodyPadding,
  headerBuilder: widget.headerBuilder,
  minHeaderHeight: widget.minHeaderHeight,
  maxHeaderHeight: widget.maxHeaderHeight,
@@ -468,6 +473,7 @@ class _Content extends StatefulWidget {
  final Decoration? decoration;
  final FlexibleDraggableScrollableHeaderWidgetBuilder? headerBuilder;
  final FlexibleDraggableScrollableWidgetBodyBuilder? bodyBuilder;
+ final EdgeInsets? bodyPadding;
  final double? minHeaderHeight;
  final double? maxHeaderHeight;
  final double currentExtent;
@@ -483,6 +489,7 @@ class _Content extends StatefulWidget {
  this.decoration,
  this.headerBuilder,
  this.bodyBuilder,
+ this.bodyPadding,
  this.minHeaderHeight,
  this.maxHeaderHeight,
  this.getContentHeight,
@@ -528,6 +535,9 @@ class _ContentState extends State<_Content> {
  );
  }
 
+ final bodyBuilder = widget.bodyBuilder;
+ final bodyPadding = widget.bodyPadding;
+
  return Material(
  type: MaterialType.transparency,
  child: DecoratedBox(
@@ -546,13 +556,19 @@ class _ContentState extends State<_Content> {
  child: widget.headerBuilder!(context, widget.currentExtent),
  ),
  ),
- if (widget.bodyBuilder != null)
- SliverList(
- delegate: widget.bodyBuilder!(
- context,
- widget.currentExtent,
- ),
- ),
+ if (bodyBuilder != null)
+ bodyPadding != null
+ ? SliverPadding(
+ padding: bodyPadding,
+ sliver: bodyBuilder(
+ context,
+ widget.currentExtent,
+ ),
+ )
+ : bodyBuilder(
+ context,
+ widget.currentExtent,
+ ),
  ],
  ),
  ),

lib/src/flexible_bottom_sheet_route.dart

@@ -101,6 +101,7 @@ Future<T?> showFlexibleBottomSheet<T>({
 /// even without a list.
 ///
 /// [bodyBuilder] - content's builder.
+/// [bodyPadding] padding for content's builder.
 /// [draggableScrollableController] that allow programmatically control bottom sheet.
 /// [minHeight] - min height in fractional value for bottom sheet. e.g. 0.1.
 /// [initHeight] - init height in fractional value for bottom sheet. e.g. 0.5.
@@ -132,6 +133,7 @@ Future<T?> showStickyFlexibleBottomSheet<T>({
  required BuildContext context,
  required FlexibleDraggableScrollableHeaderWidgetBuilder headerBuilder,
  required FlexibleDraggableScrollableWidgetBodyBuilder bodyBuilder,
+ EdgeInsets? bodyPadding,
  DraggableScrollableController? draggableScrollableController,
  double? minHeight,
  double? initHeight,
@@ -171,6 +173,7 @@ Future<T?> showStickyFlexibleBottomSheet<T>({
  draggableScrollableController: draggableScrollableController,
  isExpand: isExpand,
  bodyBuilder: bodyBuilder,
+ bodyPadding: bodyPadding,
  headerBuilder: headerBuilder,
  isModal: isModal,
  anchors: anchors,
@@ -193,6 +196,7 @@ class FlexibleBottomSheetRoute<T> extends PopupRoute<T> {
  final FlexibleDraggableScrollableWidgetBuilder? builder;
  final FlexibleDraggableScrollableHeaderWidgetBuilder? headerBuilder;
  final FlexibleDraggableScrollableWidgetBodyBuilder? bodyBuilder;
+ final EdgeInsets? bodyPadding;
  final DraggableScrollableController? draggableScrollableController;
  final double minHeight;
  final double initHeight;
@@ -244,6 +248,7 @@ class FlexibleBottomSheetRoute<T> extends PopupRoute<T> {
  this.builder,
  this.headerBuilder,
  this.bodyBuilder,
+ this.bodyPadding,
  this.theme,
  this.barrierLabel,
  this.anchors,
@@ -287,6 +292,7 @@ class FlexibleBottomSheetRoute<T> extends PopupRoute<T> {
  builder: builder,
  headerBuilder: headerBuilder,
  bodyBuilder: bodyBuilder,
+ bodyPadding: bodyPadding,
  isExpand: isExpand,
  animationController: _animationController,
  anchors: anchors,
@@ -307,6 +313,7 @@ class FlexibleBottomSheetRoute<T> extends PopupRoute<T> {
  builder: builder,
  headerBuilder: headerBuilder,
  bodyBuilder: bodyBuilder,
+ bodyPadding: bodyPadding,
  isExpand: isExpand,
  animationController: _animationController,
  draggableScrollableController: draggableScrollableController,

test/sticky_bottom_sheet_test.dart

@@ -62,8 +62,10 @@ void main() {
  );
  },
  bodyBuilder: (context, offset) {
- return SliverChildListDelegate(
- _listWidgets,
+ return SliverList(
+ delegate: SliverChildListDelegate(
+ _listWidgets,
+ ),
  );
  },
  );