| Category: Flutter / Bottom Sheets |
| Watchers: 9 |
| Star: 504 |
| Fork: 82 |
| Last update: Mar 17, 2023 |
An elastic material bottom sheet implementation for Flutter.
This is still an early preview, some behaviors can change or being removed. Every feedback, bug report or feature request is welcome, please send it at the issue tracker
Follow the Quick Start to add it to your project. Is also available the complete example in the repository to preview the library on your device.
 |
 |
Great library! For now, it's the only way to implement awesome persistent bottom sheet. But there is an annoying bug.
Source code of my application: https://github.com/alexandr2levin/my_mikhailovka
Description of the bug RubberBottomSheet very often expands to full height and can't be collapsed in release builds. Sometimes it works as expected, but it happens very rare. Debug builds works as expected.
To Reproduce
flutter run --release my projectScreenshots
| Release build (incorrect behavior) | Debug build (correct behavior) |
| ------------- | ------------- |
| 
| 
|
Smartphone:
Flutter doctor
[✓] Flutter (Channel stable, v1.0.0, on Mac OS X 10.14.3 18D109, locale en-RU)
Being able to hide Rubber and make it appear and disappear via functions would be great
how can i get state of this library when trigger collapsed, expanded?
Describe the bug
I have a ListView with items similar to the scroll example (which is now working really great by the way 👍). Every item is wrapped in a GestureDetector that is listening for onTap.
There are currently three problems:
onTap is successfully called, the sheet jumps around.flutter: ══╡ EXCEPTION CAUGHT BY GESTURE ╞═══════
flutter: The following assertion was thrown while handling a gesture:
flutter: 'package:rubber/src/bottom_sheet.dart': Failed assertion: line 149 pos 12: '_hold == null': is not
flutter: true.
flutter:
flutter: Either the assertion indicates an error in the framework itself, or we should provide substantially
flutter: more information in this error message to help you determine and fix the underlying cause.
flutter: In either case, please report this assertion by filing a bug on GitHub:
flutter: https://github.com/flutter/flutter/issues/new?template=BUG.md
flutter:
flutter: When the exception was thrown, this was the stack:
flutter: #2 _RubberBottomSheetState._onVerticalDragDown (package:rubber/src/bottom_sheet.dart:149:12)
flutter: #3 DragGestureRecognizer.addPointer.<anonymous closure> (package:flutter/src/gestures/monodrag.dart:123:46)
flutter: #4 GestureRecognizer.invokeCallback (package:flutter/src/gestures/recognizer.dart:102:24)
flutter: #5 DragGestureRecognizer.addPointer (package:flutter/src/gestures/monodrag.dart:123:9)
flutter: #6 RawGestureDetectorState._handlePointerDown (package:flutter/src/widgets/gesture_detector.dart:643:18)
flutter: #7 RenderPointerListener.handleEvent (package:flutter/src/rendering/proxy_box.dart:2500:14)
flutter: #8 _WidgetsFlutterBinding&BindingBase&GestureBinding.dispatchEvent (package:flutter/src/gestures/binding.dart:158:22)
flutter: #9 _WidgetsFlutterBinding&BindingBase&GestureBinding._handlePointerEvent (package:flutter/src/gestures/binding.dart:138:7)
flutter: #10 _WidgetsFlutterBinding&BindingBase&GestureBinding._flushPointerEventQueue (package:flutter/src/gestures/binding.dart:101:7)
flutter: #11 _WidgetsFlutterBinding&BindingBase&GestureBinding._handlePointerDataPacket (package:flutter/src/gestures/binding.dart:85:7)
flutter: #12 _invoke1 (dart:ui/hooks.dart:168:13)
flutter: #13 _dispatchPointerDataPacket (dart:ui/hooks.dart:122:5)
flutter: (elided 2 frames from class _AssertionError)
flutter:
flutter: Handler: onDown
flutter: Recognizer:
flutter: VerticalDragGestureRecognizer#d7641(debugOwner: GestureDetector)
flutter: ═══════
Expected behavior I expect that "normal" interactions like onTap are handled by the widgets inside of the modal.
Describe the bug I have a column with multiple rows in my upperLayer section. If I leave at it is, I get a "Bottom overflowed" error.
Column(
children: <Widget>[
Row(
children: <Widget> [
...
]),
Row(
children: <Widget> [
...
]),
])
Putting the column within a ListView or similar widget remove the overflow, but now, when dragging up the section, it just scroll the ListView:
ListView(
children: <Widget> [
Column(
children: <Widget>[
Row(
children: <Widget> [
...
]),
Row(
children: <Widget> [
...
]),
])
])
....
Smartphone (please complete the following information):
First of all, congrats, this widget works pretty good. Using it i had the need to execute some tasks after the bottom sheet collapse and i thought this could be useful for someone else too. So i added this optional callback: onCollapse.
Situations that can be useful If your bottom sheet content has managed data or if you need to update some state on the parent widget, is good to know when the bottom sheet is collapsed.
The upgrade included:
! marker when call SemanticsBinding.instance.Describe the bug
dart migrate results in Bad state: Error: package has unmigrated dependencies. due to non-null-safe dependency of rubber 1.0.1.
To Reproduce
Run dart migrate on a project that has a dependency on rubber 1.0.1.
Expected behavior The "Null-Safe" rubber 1.0.1 should not result in the "has unmigrated dependencies" error.
To Fix Bump the after_layout dependency from the non-null-safe version 1.0.7 to the null-safe 1.1.0 version.
If you open the bottom sheet with a quick fling to make it full size, the CustomScrollView is ignored for the first few drags. It only works after about 500ms after that it accepts the drags and the UpperLayer scrolls normally.
The physics in the CustomScrollView is NeverScrollablePhysics.
Is there a solution for this?
Describe the bug Failed to build example
To Reproduce Steps to reproduce the behavior:
Smartphone (please complete the following information):
Additional context
Flutter version: 2.0.6
Stacktrace:
FAILURE: Build failed with an exception.
* What went wrong:
Execution failed for task ':app:processDebugResources'.
> Android resource linking failed
Output: /tmp/rubber/example/build/app/intermediates/incremental/mergeDebugResources/merged.dir/values/values.xml:86: error: resource android:attr/fontVariationSettings not found.
/tmp/rubber/example/build/app/intermediates/incremental/mergeDebugResources/merged.dir/values/values.xml:87: error: resource android:attr/ttcIndex not found.
error: failed linking references.
Command: /home/nikto_b/.gradle/caches/transforms-1/files-1.1/aapt2-3.2.1-4818971-linux.jar/2ff17d3944c8c56908a8c6111bdccaa8/aapt2-3.2.1-4818971-linux/aapt2 link -I\
/data/nikto_b/Android/SDK/platforms/android-27/android.jar\
--manifest\
/tmp/rubber/example/build/app/intermediates/merged_manifests/debug/processDebugManifest/merged/AndroidManifest.xml\
-o\
/tmp/rubber/example/build/app/intermediates/processed_res/debug/processDebugResources/out/resources-debug.ap_\
-R\
@/tmp/rubber/example/build/app/intermediates/incremental/processDebugResources/resources-list-for-resources-debug.ap_.txt\
--auto-add-overlay\
--java\
/tmp/rubber/example/build/app/generated/not_namespaced_r_class_sources/debug/processDebugResources/r\
--custom-package\
app.mattiacrovero.example\
-0\
apk\
--output-text-symbols\
/tmp/rubber/example/build/app/intermediates/symbols/debug/R.txt\
--no-version-vectors
Daemon: AAPT2 aapt2-3.2.1-4818971-linux Daemon #0
Output: /home/nikto_b/.gradle/caches/transforms-1/files-1.1/core-1.1.0.aar/bfcc3332caf165a9c90656c3cb3305cd/res/values/values.xml:174:5-210:25: AAPT: error: resource android:attr/fontVariationSettings not found.
/home/nikto_b/.gradle/caches/transforms-1/files-1.1/core-1.1.0.aar/bfcc3332caf165a9c90656c3cb3305cd/res/values/values.xml:174:5-210:25: AAPT: error: resource android:attr/ttcIndex not found.
error: failed linking references.
Command: /home/nikto_b/.gradle/caches/transforms-1/files-1.1/aapt2-3.2.1-4818971-linux.jar/2ff17d3944c8c56908a8c6111bdccaa8/aapt2-3.2.1-4818971-linux/aapt2 link -I\
/data/nikto_b/Android/SDK/platforms/android-27/android.jar\
--manifest\
/tmp/rubber/example/build/app/intermediates/merged_manifests/debug/processDebugManifest/merged/AndroidManifest.xml\
-o\
/tmp/rubber/example/build/app/intermediates/processed_res/debug/processDebugResources/out/resources-debug.ap_\
-R\
@/tmp/rubber/example/build/app/intermediates/incremental/processDebugResources/resources-list-for-resources-debug.ap_.txt\
--auto-add-overlay\
--java\
/tmp/rubber/example/build/app/generated/not_namespaced_r_class_sources/debug/processDebugResources/r\
--custom-package\
app.mattiacrovero.example\
-0\
apk\
--output-text-symbols\
/tmp/rubber/example/build/app/intermediates/symbols/debug/R.txt\
--no-version-vectors
Daemon: AAPT2 aapt2-3.2.1-4818971-linux Daemon #0
* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
* Get more help at https://help.gradle.org
BUILD FAILED in 10m 21s
Describe the bug
Just using the plugin. Here is the widget in context within my app and the error produced whenever build is called.
return AppScaffold(
title: 'Book Appointment',
showAppBar: true,
showMenu: true,
showBack: true,
body: ModalProgressHUD(
inAsyncCall: state is BookPendingState,
child: AppBackground(
child: SafeArea(
bottom: false,
child: Theme(
data: Theme.of(context).copyWith(
unselectedWidgetColor: Colors.white,
textTheme: Theme.of(context).textTheme.copyWith(
bodyText1: TextStyle(color: Colors.black)
)
),
child: RubberBottomSheet(
animationController: _controller,
lowerLayer: getLowerLayer(),
headerHeight: 60,
header: getHeader(),
upperLayer: getUpperLayer()
),
),
),
),
),
);
══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
The following assertion was thrown while finalizing the widget tree:
AnimationController.dispose() called more than once.
A given RubberAnimationController cannot be disposed more than once.
The following RubberAnimationController object was disposed multiple times:
RubberAnimationController#6fcbc(⏭ 0.100; paused; DISPOSED)
When the exception was thrown, this was the stack:
#0 RubberAnimationController.dispose.<anonymous closure> (package:rubber/src/animation_controller.dart:509:9)
#1 RubberAnimationController.dispose (package:rubber/src/animation_controller.dart:516:6)
#2 RubberBottomSheetState.dispose (package:rubber/src/bottom_sheet.dart:125:16)
#3 StatefulElement.unmount (package:flutter/src/widgets/framework.dart:4721:11)
#4 _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:2022:13)
#5 _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:2020:7)
#6 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:4549:14)
#7 _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:2018:13)
#8 _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:2020:7)
#9 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:4549:14)
#10 _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:2018:13)
#11 _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:2020:7)
#12 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:4549:14)
#13 _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:2018:13)
#14 _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:2020:7)
#15 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:4549:14)
#16 _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:2018:13)
#17 _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:2020:7)
#18 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:4549:14)
#19 _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:2018:13)
#20 _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:2020:7)
#21 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:4549:14)
#22 _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:2018:13)
#23 _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:2020:7)
#24 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:4549:14)
#25 _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:2018:13)
#26 _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:2020:7)
#27 SingleChildRenderObjectElement.visitChildren (package:flutter/src/widgets/framework.dart:5961:14)
#28 _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:2018:13)
#29 _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:2020:7)
#30 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:4549:14)
#31 _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:2018:13)
#32 _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:2020:7)
#33 SingleChildRenderObjectElement.visitChildren (package:flutter/src/widgets/framework.dart:5961:14)
#34 _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:2018:13)
#35 _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:2020:7)
#36 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:4549:14)
#37 _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:2018:13)
#38 _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:2020:7)
#39 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:4549:14)
#40 _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:2018:13)
#41 _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:2020:7)
#42 MultiChildRenderObjectElement.visitChildren (package:flutter/src/widgets/framework.dart:6076:16)
#43 _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:2018:13)
#44 ListIterable.forEach (dart:_internal/iterable.dart:39:13)
#45 _InactiveElements._unmountAll (package:flutter/src/widgets/framework.dart:2031:25)
#46 BuildOwner.finalizeTree.<anonymous closure> (package:flutter/src/widgets/framework.dart:2785:27)
#47 BuildOwner.lockState (package:flutter/src/widgets/framework.dart:2585:15)
#48 BuildOwner.finalizeTree (package:flutter/src/widgets/framework.dart:2784:7)
#49 WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:875:19)
#50 RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:319:5)
#51 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1144:15)
#52 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1082:9)
#53 SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:998:5)
#57 _invoke (dart:ui/hooks.dart:161:10)
#58 PlatformDispatcher._drawFrame (dart:ui/platform_dispatcher.dart:253:5)
#59 _drawFrame (dart:ui/hooks.dart:120:31)
(elided 3 frames from dart:async)
Followed by:
[VERBOSE-2:ui_dart_state.cc(186)] Unhandled Exception: Null check operator used on a null value
#0 RubberAnimationController.stop (package:rubber/src/animation_controller.dart:500:12)
#1 RubberAnimationController._animateToInternal (package:rubber/src/animation_controller.dart:417:5)
#2 RubberAnimationController.animateTo (package:rubber/src/animation_controller.dart:356:12)
#3 RubberAnimationController.expand (package:rubber/src/animation_controller.dart:333:12)
#4 _BookServicesState.build.<anonymous closure>.<anonymous closure> (package:ellabliss/book/services.dart:567:25)
#5 State.setState (package:flutter/src/widgets/framework.dart:1267:30)
#6 _BookServicesState.build.<anonymous closure> (package:ellabliss/book/services.dart:560:11)
#7 _BookServicesState.build.<anonymous closure> (package:ellabliss/book/services.dart:549:17)
#8 _BlocConsumerState.build.<anonymous closure> (package:flutter_bloc/src/bloc_consumer.dart:130:26)
#9 _BlocListenerBaseSta<…>
To Reproduce Steps to reproduce the behavior:
Expected behavior No errors
Screenshots N/A
Smartphone (please complete the following information): N/A
Additional context Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, 2.0.6, on macOS 11.3.1 20E241 darwin-x64, locale en-US) [✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2) [✓] Xcode - develop for iOS and macOS [✓] Chrome - develop for the web [✓] Android Studio (version 4.1) [✓] IntelliJ IDEA Community Edition (version 2019.2) [✓] VS Code (version 1.56.1) [✓] Connected device (2 available) • No issues found!
