1,286 questions
0 votes
1 answer
72 views
Custom bottom sheet shows brief flicker/fade of underlying view when expanding/collapsing (iOS 15)
I’m building a reusable custom bottom sheet component in SwiftUI because my app supports iOS 15, so I can’t use .sheet with detents yet. Functionally everything works the sheet opens and closes but I’...
0 votes
0 answers
72 views
How to hide or change navigation bar overlay color when opening bottom sheet?
im using modal bottom sheet in jetpack compose, even though im setting navigation bar color to transparent, when bottom sheet comes up, the black overlay is comes up on navigation bar, how can i hide ...
2 votes
0 answers
392 views
BottomSheetTextInput sometimes hidden by keyboard in @gorhom/bottom-sheet v5.2.4 (RN0.81.1)
I'm seeing flaky keyboard behavior inside a @gorhom/bottom-sheet modal: sometimes the keyboard pushes inputs up as expected, other times it covers the BottomSheetTextInput. The behavior is ...
0 votes
0 answers
69 views
Lagging footer in custom react native bottom sheet
I created a custom sheet in react native by following an online tutorial. Beyond the typical scroll view bottom sheet, I decided to add a header and footer component in the bottom sheet with a scroll ...
0 votes
2 answers
71 views
How to make transparent bottomSheet in flutter
I set all the color options to transparent, but all the color still stays whitemy app bottomSheet: BottomSheet( elevation: 0, backgroundColor: Color.fromARGB(0, 1, 1, 1), ...
0 votes
0 answers
35 views
Icon inside React Native text input doesn't function at all
I have a custom InputField component which uses the React Native Text Input. For some fields, the input will require an X button when the field is focused so user can clear the field. This button is ...
0 votes
1 answer
71 views
How do I trigger modal screen from bottom bar in react native?
I have a React Native app and I'm trying to figure out how to create a bottom bar that I can trigger a modal screen from? (like the 'New Reminder' and 'Add List' buttons in the bottom bar of the ...
0 votes
0 answers
36 views
How to make this customized view or bottom sheet in react native
i really like this bottom sheet or custom view been displayed in this application i just wanted to know if we can achieve this in react native ? any material or anything regarding it would be helpful ...
-1 votes
2 answers
47 views
Bottomsheet is not attached with keyboard leding to a consistant gap
From the above Image you can see that there is a gap between keyboard and bottomsheet. The bottom sheet is attached with scaffold. What I did wrong that there is a gap there and how to fix that . I am ...
1 vote
0 answers
333 views
React Native - For accessibility, how to focus on interactive elements inside a bottom sheet?
I'm using @gorhom/react-native-bottom-sheet library (v4.6.4) and need to provide accessibility features to my mobile project, now specifically adding keyboard navigation support, focusing on ...
1 vote
1 answer
40 views
Flutter bottom sheet RenderFlex overflow when crossing SafeArea during height animation
I'm building a custom sliding comment panel in Flutter (like a bottom sheet). It has 3 parts: A drag handle at the top A scrollable ListView for comments A TextField at the bottom for user input The ...
0 votes
1 answer
64 views
Flutter BottomSheet Not Dismissing on Swipe Down in Android
I'm using showModalBottomSheet in my Flutter app to show a bottom sheet for adding a bank account. However, the bottom sheet does not dismiss when swiping down on Android.(Working in IOS) void ...
1 vote
2 answers
85 views
Android Button text is cut off in BottomSheetDialogFragment
My Button text is cut off althought layout preview shows it correct way. When I run it on my real phone it is cut off with ... instead of going to new line. I am attaching screenshots: what I want: ...
0 votes
2 answers
97 views
How to enable interaction with background elements while using DraggableScrollableSheet with showBottomSheet?
I'm using the showBottomSheet method to display a bottom sheet in my Flutter app. However, when I wrap my content inside a DraggableScrollableSheet, it blocks interaction with the rest of the screen. ...
0 votes
0 answers
70 views
Undesired dragging of the Modal Bottom Sheet when dragging Google Map composable inside it
Moving the map inside the Modal Bottom Sheet causes it to be dragged. I explored two solutions both unsuccessfully: Solutions 1: Description: using the modal sheet sheetGesturesEnabled parameter to ...