Full Guide to Bottom Sheets - UX With Material3

Подписаться 186 тыс.

Просмотров 41 тыс.

50% 1

In this video you'll learn about creating Bottom Sheets in Material3 with Jetpack Compose.
⭐ Learn all the professional technologies applied in the industry
⭐ 100% money back guarantee for 30 days
⭐ Become an industry-ready Android developer now:
pl-coding.com/...
Get my FREE PDF about 20 things you should never do in Jetpack Compose:
pl-coding.com/...
💻 Let me be your mentor and become an industry-ready Android developer in 10 weeks:
pl-coding.com/...
Follow me on Instagram for insights into my live as an Android developer:
/ _philipplackner_
Get the source code for this video on GitHub:
github.com/phi...

Опубликовано:

20 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 69

@ruedigermerz9525 7 месяцев назад

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 !

@Theo-os3zi 7 месяцев назад

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

@ruedigermerz9525 7 месяцев назад

@@Theo-os3zi oops. Gotta check that out. Thanks for the pointer. As for JC, I couldn’t agree more. ;)

@ignaciovela8065 8 месяцев назад

You deserve more subscribers. Your content is great!

@cfa532 17 дней назад

Amazing. You covered everything I need to know👍

@moaliyou Год назад

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?

@Nrodrigues90 3 месяца назад

do you know if it is possible to adjust the bottomsheet to the content?

@ThwriktoKavlerwf Год назад

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.

@shyboy2023 8 месяцев назад

were you able to make ModalBottomSheet to not overlap with navigation bar?

@imHasanRana Год назад

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 ❤

@RezaZarchi 9 месяцев назад

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.

@yahussainmazloom1 8 месяцев назад

Thanks for awesome video, I am struggling to get the state of the bottomsheetscaffold when expanded through dragging.

@ivanvega9100 Год назад

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

@roubalsehgal 7 месяцев назад

Hi Philipp, How are you managing the system navigation bar Overlapping the Bottom sheet ?

@sashaprokipchuk4185 Год назад

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?

@cristicode4301 6 месяцев назад

ModalBottomSheet is placed under the os bottom navigation buttons.

@bek_groider 4 месяца назад

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 🤔

@silvahawk 2 месяца назад

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

@sergeymilewski6607 4 месяца назад

it save my time, thank you.

@nolualai Год назад

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

@doobofbattle9472 Месяц назад

you found a solution to this yet? Wasting my day(s) trying to figure it out lol

@sanchitmonga4942 Год назад

What’s your IDE theme? Looks super cool and clean ❤

@pramodpatil1917 Год назад

Hi Philipp, great video, Have one doubt, is there any way to avoid overlap with system bottom navigation?

@fliamachado Год назад

Please let me know if you find the answer

@pramodpatil1917 Год назад

In Activity oncreate Add WindowCompt.setDecorFitsSystemWindows(window, false) and add parant layout before scaffold Box(Modifier.safeDrawingPadding()){ Your screen }

@alillolindo 11 месяцев назад

Do you know how I could add a TabRow at the bottom of the bottomSheet but have it show whenever it is open?

@akashsathe6818 3 месяца назад

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

@suboshk777 6 месяцев назад

I cant able to make bottomsheetscaffolf to occupy full screen or like to 70 percent of screen,its fixed .Please help on this

@alanesaugarciagutierrez6025 4 месяца назад

Do anyone knows how to avoid ModalBottomSheet overlap navigationBar background?

@chadisfeir3809 Год назад

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

@dancewithakshara09 Год назад

Just use the launched effect with the unit as the key then hide it using the hide method on initial load

@marlonlom Год назад

What about using bottomsheets with navigation compose ? How to integrate those?

@Prabhs226 5 месяцев назад

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

@tuyulghost291 Год назад

hii philipp, please make content about scaffold. thankss

@thebigbadman04 Год назад

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?

@sylarEve Год назад

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?

@coolnext4 Год назад

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.

@alperenacikgoz751 4 месяца назад

Hey Philipp how do you move code blocks like this 5:13 what is the shortcut? Nice tutorial btw!

@PhilippLackner 4 месяца назад

Command + Shift + Up/Down :)

@hashemmousavi2451 Год назад

What about if you want a modal BottomSheet with PeekHeight?

@ALEX54402 Год назад

Just awesome

@vanshpanchal-u8x Год назад

Installing Jetpack Compose App shows Security Threat in mobile any solution?

@jonathansantos4155 8 месяцев назад

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 RU-vid and starting my searches with "Philipp Lackner " :D How are you not in the "M" subscribers yet? Literally no better Android content on RU-vid! Keep up the great work man!

@PhilippLackner 8 месяцев назад

Thank you so much, really happy to help!!

@托尼盖 Месяц назад

how to make a top dialog

@alanesaugarciagutierrez6025 Год назад

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.

@ShivaPrasad-hm5lk Год назад

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 Год назад

It's 99€, not 9900€😅 I think it's just India where 99,00 means 9900, but nowhere else on this planet

@ShivaPrasad-hm5lk Год назад

@@PhilippLackner thanks for clarifying may be I will buy this

@yahussainmazloom1 8 месяцев назад

@@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.

@PhilippLackner 8 месяцев назад

@@yahussainmazloom1 it's something I sadly can't control, since it's not on my website but on the payment provider's

@shashankdahiya6092 Год назад

I want to create a top sheet Any idea?

@rwwwwwss6822 11 месяцев назад

Which theme do you use in Android Studio?

@Oswald-41 11 месяцев назад

New Android Studio UI

@KaroKaro290 Год назад

I'm switching from flutter to android, should I learn xml nowadays? Compose is much more enjoyable compared to xml, not gonna lie.

@KaroKaro290 Год назад

Also I see your new videos are only about compose.

@JaviDran Год назад

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.