How to Support All Screen Sizes in Jetpack Compose

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 59

  • @siarheisudakou4455
    @siarheisudakou4455 2 года назад +3

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

  • @opletter
    @opletter 2 года назад +12

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

    • @mv2e19
      @mv2e19 2 года назад +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
    @aleksandrnikolaev2914 10 месяцев назад +1

    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?

  • @jflavio11
    @jflavio11 2 года назад +3

    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
      @PhilippLackner  2 года назад +1

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

  • @henrik908
    @henrik908 10 месяцев назад +1

    This man is truly the best creator

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

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

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

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

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

  • @JavierLopezPR
    @JavierLopezPR 8 месяцев назад +2

    Thanks Philipp

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

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

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

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

  • @AkshayTaru
    @AkshayTaru 2 года назад +8

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

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

  • @abdelrahmanesam3684
    @abdelrahmanesam3684 2 года назад +1

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

  • @mrsoommy9162
    @mrsoommy9162 2 года назад +1

    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
      @PracticalCoding 2 года назад

      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

  • @ankitverma3932
    @ankitverma3932 2 года назад

    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

  • @Mhung08
    @Mhung08 2 года назад +1

    Good tutorial. Thanks

  • @x32gx
    @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
      @ShodaiThox Год назад

      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 ??

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

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

  • @OgabekDev
    @OgabekDev Год назад +1

    Great Bro. Good luck

  • @theguy4084
    @theguy4084 Год назад

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

  • @lebanoncedarslebanoncedars8894
    @lebanoncedarslebanoncedars8894 2 года назад

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

  • @DiegoLoL
    @DiegoLoL Год назад +1

    Gracias amigo!!

  • @denisk3852
    @denisk3852 2 года назад +1

    Great tutorial 👍

  • @lbarq
    @lbarq 2 года назад +1

    Great video once more.

  • @clamum9648
    @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
      @OEThe11 2 года назад

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

    • @clamum9648
      @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
      @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
      @clamum9648 2 года назад +1

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

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

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

    • @花未开
      @花未开 2 года назад

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

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

    But we have to divide single list into two separate list

  • @karolmaciejewski340
    @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
      @iliasg 2 года назад

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

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

    very cool thank you bro

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

    Thanks man

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

    what text theme that guy use?

  • @mateusrabelo556
    @mateusrabelo556 Год назад

    youre the goat.

  • @carlosmartinezsuarez3541
    @carlosmartinezsuarez3541 Год назад

    I just fucking love you jajaja literally

  • @КаЩеЙ-ш3с
    @КаЩеЙ-ш3с 23 дня назад

    need update

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

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

    • @sabbib007madness
      @sabbib007madness Год назад

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

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

    I'm the first here, I think :)

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

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

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

    thanks for this

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

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

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

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

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

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

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

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

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

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

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

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

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

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