Coming from SwiftUI the ModalBottomSheet is absolutely intuitive to me. I actually do the same with Dialog's. I just put them in a "when" block and change the appropriate property to true when they should show. Vielen Dank für Deine grossartigen Videos. Weiter so !
How is it intuitive? In SwiftUI we have a simple .sheet modifier that does accept the initial value. 🤔 So far Jetpack Compose is anything but intuitive to me lol
i personaly struggled with the windowInsets to make it look nice for every nav and status bar insets. Notice that in your first example the sheet is behind the nav bars, but in the second it is above, since it is contained in the scaffold.
Hii Philipp, Enjoying this new playlist so far finding it very useful & informative. Could you please make a video about updating the Gradle versions that would help a Lot ❤
Thanks Philipp for your video about BottomSheetScaffold. I have some problems with BottomSheetScaffold inside of a Scaffold which has floatingActionButton. BottomSheetScaffold has shown under the FAB. I could not find any solution for that.
Great video man! I want to ask one question related to systemBars and windowInsets. On different devices systemNavBars works in different way. I want the systemNavBar to became same color as ModalBottomSheet when expanded, and using WindowInsets for it. But for Android 12 and lower it works strange.... Maybe you know something?
Hi Philipp, great video! I would like to add that the BottomDrawer composable is my preferred method of implementing it but I know it is not from Material3. I think it the most intuitive one tough
I don't like the fact that the regular ModalBottomSheet overlaps with the system navigation bar unlike the BottomSheetScaffold where they're clearly separated, but there seems to be no way to achieve that right now with ModalBottomSheet
In Activity oncreate Add WindowCompt.setDecorFitsSystemWindows(window, false) and add parant layout before scaffold Box(Modifier.safeDrawingPadding()){ Your screen }
Hi Philipp, are there any way to navigate to the bottomSheet as we do in screens. So it will have its own viewmodel and state completely separate from the screen. In latest version of type-safe navigation it possible to navigate to a dialog. but bottomSheet 🤔
What will happen if you have bottom component and popup in same screen? e.g. If we need custom keyboard bottom of screen and some custom popup to give information to user those bottom sheet components shouldn't conflict or overlap with custom ones.
Current bottomsheetscaffold in material 3 has no way to get progress. Inwas trying to make a media player ui. The thing I'm trying to do right now was the way the mini player album art resizes and transforms into full player's album art however i have made both players as seprTe composable. CN someone help me with that
if i drag down the bottomsheet the top of it still showing under the windows systhem and the dismiss fun is not called, it's only called if back button is pressed
Thanks for the awesome content.I recently struggled with custom modifier layout. When I use Row or Box as a parent node and set a specific alignment with it(for example, Box and set content Alignment to Alignment. Center) , then I put a composable with modifier.layout inside it, in the place phase calling placeable.palce(x,y), which seems to use the parent node's alignment as coordinate original point(if Alignment.Center set,Box 's width/2 as 0 in axisX, height/2 as 0 in axisY).I wonder how to ignore the alignment in the parent node when using modifier.layout to custom place a composable?
I just checked your courses and they are really pricey like 99,00 € is like 8,82,238₹ thats double the anual income of middle class families here 😅 Initially i thought of buying it but after converting it into rupees i cam back to youtube
@@PhilippLackner FYI in most of the asian countries amount will be write like 99.00 not 99,00. if you separate the decimal point with comma it means you are just seperating for readability.
Does it happen to anyone else that when you close a bottom sheet with a keyboard open, the keyboard stays on the screen for a few milliseconds until the bottom sheet is closed? It doesn't seem like normal behavior since it doesn't do the typical downward animation.
For real, I generally don't comment on any video but once in a while I feel like I have to! This channel is so great that even with my over 10 years of Android Development experience I find myself going to RUclips and starting my searches with "Philipp Lackner " :D How are you not in the "M" subscribers yet? Literally no better Android content on RUclips! Keep up the great work man!
i am trying to collapse the bottomsheet but scaffoldState cant give me a collapse functionality i have try hide() there also not collapsed my bottomsheet
Work with Compose straight away. I have been searching for jobs recently and companies are already putting a lot of emphasis on migrating to Compose. Nervetheless, is good to know xml a bit if you need to work with legacy code in existing apps.
Coming from SwiftUI the ModalBottomSheet is absolutely intuitive to me. I actually do the same with Dialog's. I just put them in a "when" block and change the appropriate property to true when they should show.
Vielen Dank für Deine grossartigen Videos. Weiter so !
How is it intuitive? In SwiftUI we have a simple .sheet modifier that does accept the initial value. 🤔
So far Jetpack Compose is anything but intuitive to me lol
@@Theo-os3zi oops. Gotta check that out. Thanks for the pointer. As for JC, I couldn’t agree more. ;)
i personaly struggled with the windowInsets to make it look nice for every nav and status bar insets. Notice that in your first example the sheet is behind the nav bars, but in the second it is above, since it is contained in the scaffold.
were you able to make ModalBottomSheet to not overlap with navigation bar?
Hey Philipp, I've learned more from your videos and they helped me a lot can you make a video about Full Dialog in jetpack compose?
Amazing. You covered everything I need to know👍
You deserve more subscribers. Your content is great!
Hii Philipp, Enjoying this new playlist so far finding it very useful & informative.
Could you please make a video about updating the Gradle versions that would help a Lot ❤
Thanks Philipp for your video about BottomSheetScaffold. I have some problems with BottomSheetScaffold inside of a Scaffold which has floatingActionButton. BottomSheetScaffold has shown under the FAB. I could not find any solution for that.
Thanks for awesome video,
I am struggling to get the state of the bottomsheetscaffold when expanded through dragging.
Hey Philipp how do you move code blocks like this 5:13 what is the shortcut? Nice tutorial btw!
Command + Shift + Up/Down :)
Great video man! I want to ask one question related to systemBars and windowInsets. On different devices systemNavBars works in different way. I want the systemNavBar to became same color as ModalBottomSheet when expanded, and using WindowInsets for it. But for Android 12 and lower it works strange.... Maybe you know something?
Hi Philipp,
How are you managing the system navigation bar Overlapping the Bottom sheet ?
do you know if it is possible to adjust the bottomsheet to the content?
Hi Philipp, great video! I would like to add that the BottomDrawer composable is my preferred method of implementing it but I know it is not from Material3. I think it the most intuitive one tough
I don't like the fact that the regular ModalBottomSheet overlaps with the system navigation bar unlike the BottomSheetScaffold where they're clearly separated, but there seems to be no way to achieve that right now with ModalBottomSheet
What’s your IDE theme? Looks super cool and clean ❤
Hi Philipp, great video,
Have one doubt, is there any way to avoid overlap with system bottom navigation?
Please let me know if you find the answer
In Activity oncreate
Add WindowCompt.setDecorFitsSystemWindows(window, false)
and add parant layout before scaffold
Box(Modifier.safeDrawingPadding()){
Your screen
}
There is a huge problems with inputs and bottom sheets. The keyboard is drawn behind the sheet which is then impossible to type. Any solution
you found a solution to this yet? Wasting my day(s) trying to figure it out lol
Hi Philipp, are there any way to navigate to the bottomSheet as we do in screens. So it will have its own viewmodel and state completely separate from the screen. In latest version of type-safe navigation it possible to navigate to a dialog. but bottomSheet 🤔
ModalBottomSheet is placed under the os bottom navigation buttons.
What will happen if you have bottom component and popup in same screen? e.g. If we need custom keyboard bottom of screen and some custom popup to give information to user those bottom sheet components shouldn't conflict or overlap with custom ones.
What about using bottomsheets with navigation compose ? How to integrate those?
hii philipp, please make content about scaffold. thankss
Current bottomsheetscaffold in material 3 has no way to get progress. Inwas trying to make a media player ui. The thing I'm trying to do right now was the way the mini player album art resizes and transforms into full player's album art however i have made both players as seprTe composable. CN someone help me with that
Is there a way to make the main content, scrol along with the bottom sheet? So the main content is always on top (vertically) of the bottom sheet?
if i drag down the bottomsheet the top of it still showing under the windows systhem and the dismiss fun is not called, it's only called if back button is pressed
it save my time, thank you.
Do you know how I could add a TabRow at the bottom of the bottomSheet but have it show whenever it is open?
Thanks for the awesome content.I recently struggled with custom modifier layout.
When I use Row or Box as a parent node and set a specific alignment with it(for example, Box and set content Alignment to Alignment. Center) , then I put a composable with modifier.layout inside it, in the place phase calling placeable.palce(x,y), which seems to use the parent node's alignment as coordinate original point(if Alignment.Center set,Box 's width/2 as 0 in axisX, height/2 as 0 in axisY).I wonder how to ignore the alignment in the parent node when using modifier.layout to custom place a composable?
sheetState is useful for "skipPartiallyExpanded = true"
I just checked your courses and they are really pricey like 99,00 € is like 8,82,238₹ thats double the anual income of middle class families here 😅
Initially i thought of buying it but after converting it into rupees i cam back to youtube
It's 99€, not 9900€😅
I think it's just India where 99,00 means 9900, but nowhere else on this planet
@@PhilippLackner thanks for clarifying may be I will buy this
@@PhilippLackner FYI in most of the asian countries amount will be write like 99.00 not 99,00. if you separate the decimal point with comma it means you are just seperating for readability.
@@yahussainmazloom1 it's something I sadly can't control, since it's not on my website but on the payment provider's
What about if you want a modal BottomSheet with PeekHeight?
Just use the launched effect with the unit as the key then hide it using the hide method on initial load
I cant able to make bottomsheetscaffolf to occupy full screen or like to 70 percent of screen,its fixed .Please help on this
Does it happen to anyone else that when you close a bottom sheet with a keyboard open, the keyboard stays on the screen for a few milliseconds until the bottom sheet is closed? It doesn't seem like normal behavior since it doesn't do the typical downward animation.
Installing Jetpack Compose App shows Security Threat in mobile any solution?
Do anyone knows how to avoid ModalBottomSheet overlap navigationBar background?
I am just creating a bottomsheet.😂😂😂
Just awesome
ModalBottomSheet - 00:00
BottomSheetScaffold - 07:40
I am writing the comment from bottom sheet )))
For real, I generally don't comment on any video but once in a while I feel like I have to! This channel is so great that even with my over 10 years of Android Development experience I find myself going to RUclips and starting my searches with "Philipp Lackner " :D
How are you not in the "M" subscribers yet? Literally no better Android content on RUclips!
Keep up the great work man!
Thank you so much, really happy to help!!
Can you introduce me a very professional book on Android programming? Please 🙏
i am trying to collapse the bottomsheet but scaffoldState cant give me a collapse functionality i have try hide() there also not collapsed my bottomsheet
Dum ass
Which theme do you use in Android Studio?
New Android Studio UI
I want to create a top sheet Any idea?
Unfortunately those components are filled with bugs atm xD
I'm switching from flutter to android, should I learn xml nowadays? Compose is much more enjoyable compared to xml, not gonna lie.
Also I see your new videos are only about compose.
Work with Compose straight away. I have been searching for jobs recently and companies are already putting a lot of emphasis on migrating to Compose.
Nervetheless, is good to know xml a bit if you need to work with legacy code in existing apps.
Could you tell me why you decided to switch from flutter to android native?
@@achmadichzan Every Flutter dev need to know android/ios native skill.
how to make a top dialog
Fun fact: this comment section is a bottom sheet, as is the one for shorts
It's a good video, but it definitely is not a full guide.
That's not the full guide
thanks