Questions tagged [bottom-sheet]
Material design concept - bottom sheets slide up from the bottom of the screen to reveal more content.
1,071
questions
1
vote
1
answer
17
views
Small Bottom Sheet Issue in react-native
I am using 3/4 size of bottomSheet in the page,
again open 1/4 size of bottomSheet in the same 3/4 size of bottomsheet page
(first Bottom sheet did not close)
0
votes
0
answers
20
views
Flutter GetX controller not dispose on bottom sheet
Hi I am creating a bottom sheet as stateless widget and I am using a GetXController,
if I use Get.bottomsheet to create bottom sheet, controller is getting release while I dismiss the sheet which is ...
0
votes
1
answer
42
views
How to replace fragment outside of bottom sheet by clicking button inside of bottom sheet?
So I've decided to make my app with single Activity. In one of my fragments (fragment(A)) I open bottom sheet by clicking Button open BS. Now the tricky park, inside bottom sheet there is a ...
0
votes
0
answers
37
views
bottom sheet called by an OnTap is not displayed properly and kill the simulator
On a page, I have a button. I am using the OnTap to display a bottom sheet. But the widget does not display on the screen. I don't know why. I have tried different option and even tried using other ...
2
votes
1
answer
63
views
How to drag down a BottomSheet view from inside a NestedScrollView?
I have inside my BottomSheet view a NestedScrollView and I want to drag down the bottomSheet when scrolling down from the nestedScrollview but it is not working.
My XML code is like below :
<...
0
votes
1
answer
22
views
Flutter: Show Draggable Bottom Sheet Without Blocking UI Elements in the Background
I am trying to create a workflow by which when a user presses a button, a draggable bottom sheet will appear with more controls but will still allow the user to interact with the controls in the ...
1
vote
0
answers
28
views
Animated Grab Handle For Bottom Sheet
Background:
I have a bottom sheet within an android fragment which I wish to have a grab handle on. The bottom sheet is always showing and can be expanded upwards, I beleive this means it can never be ...
0
votes
3
answers
115
views
On swipe down Jetpack Compose ModalBottomSheet skip HalfExpanded state
I use Jetpack Compose ModalBottomSheetLayout to show full screen BottomSheet. When user swipes this bottom sheet to the bottom in order to close it, it sticks at HalfExpanded state. And then user ...
-1
votes
0
answers
36
views
flutter Raising two cards on top of each other without interfering
I want to do something like this:
add to cards on top of each other.
The two cards are interconnected.
when I do that and call the bottom sheet, the back card does not work.
so can anyone help me ...
0
votes
0
answers
43
views
How to allow bottom sheet to overlap bottom nav when expanded?
I'd like to create a bottom sheet that renders on top of the bottom nav view. When the bottom sheet is expanded, the bottom nav view should animate down and the bottom sheet should fill its place like ...
-2
votes
0
answers
60
views
Swift bottom sheet disappears when swiping back
I am struggling to find out how to prevent bottom sheet from disappearing when I swipe back (swiping left to right).
I am using sheetPresentationController and I have disabled it from disappearing. ...
0
votes
1
answer
57
views
Add bottomNavigation for navHost in jetpack compose
I have a sample code that has a bottom navigation, when I click on a view I want to open the ModalBottomSheet on the navHost but it's not working for me. how can I do this scenario?
Note: I used this ...
0
votes
0
answers
38
views
Composable screen with two or more BottomSheets
Through the question BottomSheetScaffold is overriding the background color of its parent it just came to my attention that when using using a BottomSheetScaffold we should place the content of the ...
0
votes
0
answers
27
views
Possible way to get the offsetTop value for the bottomsheet when its dragged to top
I am using Gorhom's BottomSheet & Github for React Native
I am unable to find offsetTop for the bottomSheet on the screen when it is scrolled
Can some one please help me with this?
Note: I need ...
0
votes
1
answer
33
views
BottomSheetScaffold is overriding the background color of its parent
I'm trying out BottomSheetScaffold and I just found a strange behavior (maybe a bug) when using it.
I put it inside a Box { } that has a cyan background color:
composable(route = "my_route")...
1
vote
1
answer
47
views
how to arrange mini music player in single Bottom sheet for Every screen in flutter app
want to display mini-music-player at bottom of every screen but it would be must bottom sheet so I can animate the position of the image and controller in full screen.
here is my bottom bar item code
...
0
votes
1
answer
38
views
Close bottomsheet and when open it again the changes will still be there
I made a bottomsheet with a couple of items, I make some changes into it and apply (it will close the bottomsheet), but when I open it again the bottomsheet resets, how can I keep the values that I ...
-1
votes
1
answer
235
views
Jetpack compose: How to implement navigation in Modal Bottom sheet with animation, Nested navigation and allow viewmodel
So basically I have an app that has one screen and three modal bottom sheets. I need a navigation infrastructure that helps me navigate between multiple bottom sheets in my app.
It should have ...
0
votes
1
answer
24
views
How to dynamically change the bottomsheet height based on the lenght of the list in flutter
I have to use showModalBottomSheet for displaying list of menu item. But I am unable to dynamically set the height of the bottomsheet. Please help me to solve this issue. Thankyou.
0
votes
2
answers
73
views
Bottom Sheet for multiple items inside RecyclerView
I have a posts feed that looks like Twitter. Each item in that feed has a button that when clicked should open up a bottom sheet. The feed uses the RecyclerView layout and the paging library. My ...
0
votes
0
answers
121
views
How to detect state of ModalBottomSheetState while swiping bottom sheet in compose
simple question, How to detect state of ModalBottomSheetState while swiping bottom sheet in compose?
I mean, I want to know how can I find out where state of ModalBottomSheetState is going to be?
0
votes
0
answers
20
views
How to make RecyclerView be always up to BottomSheet and under AppBarLayout?
I have a layout with AppBarLayout which height is set dynamically by adding some margins if the device has the notch, BottomSheetLayout and a RecyclerView.
The goal:
I need to make the RecyclerView ...
0
votes
0
answers
20
views
Flutter IOS Bottomsheet blinking when multiple textfields add and open the keyboard
I have used the bottomsheet at one of my flutter project. It works perfectly on android and IOS simulator. When I run the project on real iPhone I am facing issues. please check attached code and ...
0
votes
0
answers
57
views
Nested Scrolling inside a Viewpager2 inside a BottomSheet
It's 2022, and I'm having the same issue with ViewPager2 that folks had with ViewPager (see NestedScrolling inside a Viewpager inside a BottomSheetDialog ) - 5 years ago.
Although I'm not using a ...
1
vote
0
answers
638
views
Jetpack compose Bottom sheet is getting Collapsed with swipe inside its content
I have a lazy column inside the bottom sheet. When I scroll the column up the sheet is also getting collapsed with it. I have tried setting sheetGesturesEnabled to false but it does not work in my ...
0
votes
1
answer
107
views
How to make a bottomSheet like YouTube comment?
I know how to make a BottomSheet on Android.
It's a way to write <app:layout_behavior="com.google.android.material.bottomsheet.bottomsheetBehavior"> on the Layout in CoordinatorLayout.
...
0
votes
0
answers
68
views
BottomSheetFlatList doesn't scroll
BottomSheetFlatList is a component of a react-native package "React Native Bottom Sheet".
In snack expo, I was trying out the following example https://gorhom.github.io/react-native-bottom-...
0
votes
2
answers
51
views
remove background from Bottomsheet android studio
I have created bottomsheet dialog which work great when it is in portait mode but it shows white backgrund when screen in landscape mode
attaching the error image
here is code that i used
xml: https://...
0
votes
1
answer
13
views
How to animate content replacement in Android Bottom Sheet
I have a BottomSheetDialogFragment which contains two different layouts
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:...
0
votes
1
answer
33
views
ModalBarrier scrim does not cover AppBar
I've got a MaterialApp which uses a builder with a scaffold in it. When I navigate from page to page the scaffold and app bar does not rebuild, but the body of the scaffold does:
import 'package:...
0
votes
0
answers
27
views
Drag and drop gesture from BottomSheetDialogFragment not being handled by View in parent Activity
I'm having a problem with the View I want to drag and drop from the Fragment that is in ViewPager2, which is nested in BottomSheetDialogFragment, not being able to be dragged onto the View that is ...
0
votes
1
answer
72
views
Android talkback reads background text behind the bottomsheet
When bottom sheet is shown in my app want to stop talkback reading background text. The behaviour works fine in Google News app.
Issue:
Talkback setting is ON.
Launch the app fragment is shown.
...
0
votes
2
answers
182
views
Flutter show Bottom Modal Sheet bove the Bottom Navigation Bar
Here in the below image I have added showModalBottomSheet on clicking on the item of "Bottom Navigation Bar", but the BottomNavigationBar is hidden by the modal sheet, So I want to make it ...
0
votes
0
answers
21
views
I need to send bottom sheet check boxes data to firebase and update the red right mark as shown below. How can I do that
enter image description here
When a user wants to set their working days, they can tap over the "set Days" button . Below that those are the working days. Sunday, Monday ...... There is a &...
1
vote
1
answer
57
views
How to make a bottomModalSheet pop up from bottomNavigationBar
I'm relatively new to flutter and I was wondering how to make a bottomModalSheet appear from the navigationbar. I'm currently using [persistent_bottom_Nav_Bar] (https://pub.dev/packages/...
0
votes
0
answers
21
views
Can't set a value in Bottom Sheet switch widget from Main Activity
This is my first try with Bottom Sheets.
I have a menu button in Toolbar that shows Bottom Sheets with 3 item, one of them is Switch widget that can change theme to Dark Mode. When app starts it ...
0
votes
1
answer
70
views
InteractiveViewer on ModalBottomSheet
I'm trying to use InteractiveViewer inside modal bottom sheet using showModalBottomSheet. I want user to be able to zoom and then move through the photo using pinch and pan gestures. Unfortunately ...
1
vote
0
answers
19
views
Failed assertion: line 4429 pos 12: '!_debugLocked': is not true. while showing BottomModalSheet
I'm getting this error while showing Bottom Modal Sheet code of Bottom Sheet method :
_showMoreOptions(BuildContext context) {
return showModalBottomSheet(context: context, builder: (context) {
...
0
votes
0
answers
250
views
@gorhom/bottom-sheet not rendering the text of the clicked button
I am trying to create a user prompt UI where users can click on the button and the bottom sheet pops up but the issue I have is the text doesn't change according to the originally declared.
[
Here is ...
1
vote
1
answer
74
views
Unable to draw a layout on top of a bottom sheet
I have created a custom progress bar and I have added it to the window decorview's root view. However, when a bottom sheet is visible, this progress bar is drawn behind the bottom sheet rather than ...
0
votes
1
answer
35
views
Android: How to hide activity (or make it transparent) while showing a bottom sheet?
I'm a newbie to Android programming.
I'm building an app with sharing feature as the first picture.
When the user shares a file, I want to show the bottom sheet menu as dialog like the 2nd picture.
...
0
votes
0
answers
201
views
How to access bottomSheet ref from another component using forwardRef?
I have a bottom sheet that appears in different screens based on pressing buttons that's why I need to store the bottom sheet in a separate component so I can call it on different screens.
for more ...
0
votes
0
answers
56
views
ListView inside MotionLayout and BottomSheet pushes content of screen when expanding
I used a motion layout to create an extended view, where the list view is filled using an array adapter. The problem is that if too many entries are filled into the list view, the lowest extended view ...
0
votes
0
answers
160
views
Listen to bottom sheet dismiss and cancel from within fragment JAVA ANDROID
I have a fragment from which on a button click I am calling a bottom sheet to open like this:
AllDocsMoreIBBottomSheet bottomSheet = new AllDocsMoreIBBottomSheet(position);
bottomSheet.show(...
0
votes
2
answers
226
views
Flutter - GetX: Unable to use method for a class from another page
I am very new to Dart, and coding in general. I have produced this code after watching tutorials on YouTube. For the most part, I have been able to troubleshoot most of my problems on my own, here I ...
0
votes
0
answers
70
views
BottomSheetDialogFragment intercepting the touches of other views behind bottom sheet
I have added BottomSheetDialogFragment in my AppCompatActivity, I am always showing this bottom sheet on my activity because I want to use it as a bottom drawer view. So everything is working properly ...
0
votes
1
answer
496
views
Use 'gorhom/bottom-sheet' React Native, Hooks can only be called inside of the body of a function component
I'm having a in react native which cannot call function component of gorhom/bottom-sheet and import to another component. Below is my code and error.
Function Component
import React, {useCallback, ...
0
votes
0
answers
108
views
How to call a second bottom sheet fragment after first is closed? Android Kotlin
I have a form with a couple TextViews and a couple TextInputLayouts. The TextViews have onClickListeners which when clicked launch a modal bottom sheet with multiple choices. When choice is selected, ...
0
votes
1
answer
217
views
How to set DraggableScrollableSheet maximum size dynamically, according to its content?
Problem
So basically it's quite an old problem, which I couldn't fix with Google. The problem is that DraggableScrollableSheet doesn't size its maximum size based on its content size, but with only a ...
1
vote
0
answers
173
views
Android BottomSheet bounce animation
I want to bounce effect when doing STATE_EXPANDED or STATE_COLLAPSED like above image
I want an animation with BounceInterpolator applied.
The code below is an example I made.
activity_main.xml
<...