I've researched a lot of examples with bottom sheet, but didn't find the answer. Do we have any option to open at the same time more than one bottom sheet? For example I need to overlay one bottom sheet of another(smth like onFragmentResult)
Related
So i have an app in compose that has startDestination set as a screen with scaffold with bottom nav bar having 3 items and top app bar, i am able to navigate through the 3 bottom navigation tabs. But suppose i want to click on a card in one of the bottom tab screen which should open a details screen without the bottom bar and app bar (Since Navhost is inside the scaffold, bottom and top bars show up on details screen too), what is the right way to do that? Currently i have tried the following ways:-
1. Starting the details screen in a new activity.
2. Using currentDestination route as state to conditionally hide bottom and app bar for details screen route.
Both work but, the problem with first approach is that, it isn't recommended to use multiple activity with jetpack navigation and rather we should stick to a single activity, it also further breaks the navigation if in case i want to move from details to another screen. The problem with second approach is that hiding and showing bottom/top bars create very bad transition between the screens and app doesn't feel smooth.
Hence, i am looking for an appropriate way to handle this as per the guidelines, although i couldn't find any info on this.
Update
I went with showing/hiding the bottom and app bar based on routes, turns out that bad and laggy animation i was facing was because i was running a debug app, with a release app with minifyEnabled true (R8) ,the transitions are very smooth and natural, as i wanted them.
Also it turns out, as per Google's official compose sample app JetSnack , this is the appropriate way of achieving navigation from a bottombar screen to a non-bottombar screen. Thanks to #vitidev for pointing it out in the comments.
You can use a nested Navigation Graph:
one principal graph according to your BottomBar
one nested graph inside each screen you want to go further
https://developer.android.com/jetpack/compose/navigation#nested-nav
i have used bottom sheet before but never deep dive into it. I know there are 2 type of bottom sheet: persistent bottom sheet which we can included it in our screen's content and modal bottom sheet which work like a menu or dialog. Can someone explain to me how each type works and their performance?
Sorry for bad English. Thank you.
I have a feature that allows the user to swipe bottom to top a card to see more details about certain pinpoints. My question is how can I do such animation or how can I search in google such feature. I give some images below to give some context.
This is BottomSheet from google material https://material.io/develop/android/components/bottom-sheet-behavior/
It haves this behavior by default. You can find a lot of examples how to use it.
Android Bottom Sheet component slides up from the bottom showing more relevant content. You can notice bottom sheets in apps like map apps (bottom sheet reveals location, directions information), music players (Play bar sticks to bottom and opens when swipe up). The bottom sheet is the component of android design support library.
In this article we are going to learn integrating a basic Bottom Sheet and types of bottom sheets. Before getting started refer Google material design guidelines about Bottom Sheet for design specs.
You can archive this by Bottom Sheet : For more detail click on link
I need to design layout like image below and also I want such that when I press the button which is on top of image to slide up this layout having images.
You can achieve this by implementing bottom sheets.
I am giving you a perfect link for all types of bottom sheet examples, follow it you'll get the result.
Bottom Sheets
How can i create and adjust the following bottom navigation bar?
Use Bottom Sheet. Go to some tutorials. You will find exactly what you want