How to Support All Screen Sizes in Jetpack Compose

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

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

50% 1

Supporting all these different types of devices and screens is a tough task for a developer. This video will show you how you can accomplish this task in Jetpack Compose using a handy utility function.
⭐ Get certificates for your future job
⭐ Save countless hours of time
⭐ 100% money back guarantee for 30 days
⭐ Become a professional Android developer now:
pl-coding.com/premium-courses...
💻 Let me personally review your code and provide individual feedback, so it won't backfire and cost you a fortune in future:
elopage.com/s/philipplackner/...
Subscribe to my FREE newsletter for regular Android, Kotlin & Architecture advice!
pl-coding.com/newsletter
Join this channel to get access to perks:
/ @philipplackner
Get the source code here:
github.com/philipplackner/Sup...
Join my Discord server:
/ discord
Regular programming advice on my Instagram page: / _philipplackner_
Checkout my GitHub: github.com/philipplackner
You like my free content? Here you can buy me a coffee:
www.buymeacoffee.com/philippl...

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

23 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@siarheisudakou4455 2 года назад

Very good solution and clear example! Thanks a lot for the excellent video!

@nCodeLab 2 года назад

nice video.....short and to the point..i am sure if this video is anyone's first video from your channel , they will subscribe for sure...this kind of video what make me check your channel everyday..

@Mhung08 Год назад

Good tutorial. Thanks

@denisk3852 2 года назад

Great tutorial 👍

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

Thanks Philipp

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

This man is truly the best creator

@OgabekDev Год назад

Great Bro. Good luck

@lbarq 2 года назад

Great video once more.

@tiltedbybox6118 2 года назад

I just started learning compose and was about to google this, lol.

@abada-s 2 года назад

Very good job, I hope you to show us your keyboard shortcuts in next videos

@DiegoLoL Год назад

Gracias amigo!!

@thespacejedi 2 года назад

Hi Phillip, could you do a video on Dagger scopes? Thank you!

@mustafaammar551 2 года назад

very cool thank you bro

@johndominicjasmin 2 года назад

Thanks man

@ankitverma3932 Год назад

Felt some issues with the values oh height and width, I have a samsung M31 phone , in landscape mode it switched from compact to expanded instead of medium, I checked the width in landscape which showed as 859 dp . Which should not be the case. Plz help

@kios1973 2 года назад

thanks for this

@abdelrahmanesam3684 2 года назад

what about the size of the icons,images and fonts etc ??? with xml we have used sdp lib what now ???

@outsourcing4work253 2 года назад

Hi, Please make tutorial to move point/Offset randomly across the canvas continuously without user input. Same like bouncing ball

@opletter 2 года назад

Is there a reason WindowType is a sealed class instead of an enum?

@thebigboi5357 2 года назад

I was wondering the same thing. I understand the usefulness of sealed classes, but I don't see the purpose using them here. It'd be simpler to just use an enum class.

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

Maybe I don't understand something. But why didn’t the designer of jetpack compose assign sizes, for example in percentages or in other units that adjust to screen sizes like in html stuff? Or, for example, there are no breakpoints feature implemented for different screen sizes in which we could completely change the location and size of the elements?

@theguy4084 Год назад

is threre any library that offers bootstrape css like code pattern?

@mrsoommy9162 2 года назад

Can someone post a link to the doc page where those dp values are present? I need to check on the ones regarding TV. Thanks in advnce!

@PracticalCoding Год назад

Here's the link to the doc page regarding the dp values. I didn't see anything about TV screen sizes though developer.android.com/guide/topics/large-screens/support-different-screen-sizes#window_size_classes

@jflavio11 2 года назад

Really good. However I miss why is necessary to have two variables of WindowType: one for width and another one for height. Is there any particular reason?

@PhilippLackner 2 года назад

In case you'd like more fine grained control over when it should change

@lebanoncedarslebanoncedars8894 Год назад

Nice work, do u have it in Java mode by any chance pls, Thank you.?

@AkshayTaru 2 года назад

Question: Previously we used to have dimes.xml file for various screen sizes. But in Compose everyone seems to be using hardcoded values. For example 12.dp or X.dp and Y.sp. How does this will affect different screen sizes?

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

we still use dimens. He is just not using it for some reason

@x32gx 2 года назад

I think I am missing something. The rememberWindowInfo Composable is not really remembered in this case right? Does this mean scrolled lists will not retain their scroll position?

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

My exact thought, don't get the why this works, because initially the class is initialized with the start configuration, and then upon rotating does it create another instance of that class with the changes ?? does a recomposition happen upon screen rotation ??

@clamum9648 2 года назад

Nice man! I actually understood this (just learning Jetpack and Kotlin both now) too. Although I'll be interested in clicking an item in the left list and loading a detail composable on the right, as opposed to on a smaller screen clicking a list item and then going to a whole new composable for the detail display. Hopefully that shouldn't be too bad. Have a question on your WindowInfo/WindowType support classes: I've noticed that the return type in your "sealed" class is "ClassName()" with parentheses, but the return type in the "data" class is just "ClassName." This was also true in the Jetpack MVVM Notes app that I followed along to. What's the reason for the difference in those? Very much appreciate your awesome videos on Jetpack.

@OEThe11 2 года назад

I'm literally about to do the same thing. Where you able to do it as of yet?

@clamum9648 2 года назад

@@OEThe11 Haven't even gotten close to that point yet. I want to finish the app first, then try supporting bigger screen sizes. But I'm having a hell of a time with it. I know it's old and crapped on, but old Java/Sqlite is so much easier than Jetpack/Room. I'm actually considering starting over, keeping Kotlin/Jetpack, just architecting it a little more simply. I'm only maybe half done with rewriting the app and it's got at least double the files/classes as my old Java app in its final state and is way more complicated.

@OEThe11 2 года назад

@@clamum9648 That's very interesting that you say that. I started with SQLite/Room by originally crating apps with Java and XML files. I find Jetpack pretty straightforward. There's a bit of a learning curve, but once you have that down, it makes all the sense in the world. I was wondering about different screen sizes for JC and now have my answer for it lol.

@clamum9648 2 года назад

@@OEThe11 Yeah I actually prefer Jetpack but I don't care for Room at all. My database is insanely simple and I've constantly gotten stuck on doing what should be easy. Right now it's having a problem returning a column from a table that's a part of a join. I dunno why there's an issue cause I join to other tables and return those columns fine. That and just my architecture of the app is way over complicated. I tried implementing a Clean Architecture approach, to learn something new and because it may be useful in the future in my professional job, but it's way overkill for this little simple app and just over complicates things. But yeah I like Kotlin and Jetpack in general otherwise. I guess my main complaint is Room. All the tutorials I see are total crap and way too simple to be much use.

@OEThe11 2 года назад

@@clamum9648 There's another database option called Realm. It's a NoSQL type of database and has the ability to store info on a cloud that you can use with other devices simultaneously. You should check it out.

@mateusrabelo556 10 месяцев назад

youre the goat.

@Bluckyism 2 года назад

what text theme that guy use?

@FreedivingTrainer 2 года назад

Why it called "remember"? It run on every recomposition

@smartapps8770 2 года назад

is there any way to make a composable full-screen without changing its state?

@user-pf2hl8ei1s 2 года назад

I think.If the screen changes, the interface reorganizes, not the state changes.

@mrwaseemmalik5766 2 года назад

But we have to divide single list into two separate list

@karolmaciejewski340 2 года назад

Haven't seen any video about multi module application. I'm curious about your approach and how you solve communication between modules.

@iliasg 2 года назад

He made a course about that, I highly recommend that one.

@carlosmartinezsuarez3541 10 месяцев назад

I just fucking love you jajaja literally

@foreverrafs 2 года назад

I'm the first here, I think :)

@konstantinchernyaev3011 2 года назад

Yeah... No Grid Layout in Compose, pretty duplicated code 😒👍

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

better to have duplicate code over wrong abstraction - Sandi Metz 😊

@outsourcing4work253 2 года назад

Hi, Please make tutorial to move point/Offset randomly across the canvas continuously without user input. Same like bouncing ball

@outsourcing4work253 2 года назад

Hi, Please make tutorial to move point/Offset randomly across the canvas continuously without user input. Same like bouncing ball

@outsourcing4work253 2 года назад

Hi, Please make tutorial to move point/Offset randomly across the canvas continuously without user input. Same like bouncing ball

@outsourcing4work253 2 года назад

Hi, Please make tutorial to move point/Offset randomly across the canvas continuously without user input. Same like bouncing ball

@outsourcing4work253 2 года назад

Hi, Please make tutorial to move point/Offset randomly across the canvas continuously without user input. Same like bouncing ball

@outsourcing4work253 2 года назад

Hi, Please make tutorial to move point/Offset randomly across the canvas continuously without user input. Same like bouncing ball

@outsourcing4work253 2 года назад

Hi, Please make tutorial to move point/Offset randomly across the canvas continuously without user input. Same like bouncing ball

@outsourcing4work253 2 года назад

Hi, Please make tutorial to move point/Offset randomly across the canvas continuously without user input. Same like bouncing ball