Lazy layouts in Compose

[@krisztianbotos168]

Amazing training series on Jetpack Compose. You guys are crushing it! It's a pleasure to learn from you.

[@codingwithmitch]

Great tip about default height

[@AndroidDevelopers]

We're happy to hear the tutorial was helpful! Be sure to check out the links in the description for even more tips and tutorials 😎

[@codingwithmitch]

Incase this ends up helping someone... We were animating visibility of a collapsible section in our lazy list by setting the "invisible" items to 0px height and this was causing a lot of latency.

[@clementjoymasinamela4244]

You need to come back Mitch, we miss your awesome content.

[@farazahmed7]

yo Mitch wadduppp

[@theren8311]

If it's collapsible, why animate its measurement manually? Just use the AnimatedVisibility(Boolean) block around your composable, or take a look at the Animations docs to see how to handle performance, if it is the built in function really isn't suitable for your use case. My guess is you're skipping steps that makes it performant, and AnimatedVisibility would handle it. Just keep in mind that each an every step of the animation (every pixel you reduce by) triggers a recomposition of the specific composable, and every single change to the specific composable triggers a recomposition of the Lazy list. Also don't measure performance in a non release build (if you are). I've been collapsing cards in lists since Compose was beta, and I've never experience any jank, so just revise those manual implementations.

[@theren8311]

Also 13:14

[@ArtyomIvanyuk]

Great video! Presenters (especially the one in a dark shirt) clearly explain the concepts, thanks!

[@ВиталийСорокин-с2с]

русский хвалит русского, неудивительно

[@gmk57]

They are all in the dark shirts ;)

[@ivanvlasov8308]

Thanks, very helpful! I also like how you invite speakers of different nationalities in one video, this earns respect

[@StevdzaSan]

Quite informative video filled with such a great presentation resources. Thanks guys!❤

[@AndroidDevelopers]

We appreciate the kind words, Stevdza-San! You can also check out our guide on Custom layouts for Jetpack Compose: goo.gle/3CDQzzX and an amazing video with more helpful tips and tricks regarding Layouts: goo.gle/3fCcher Happy learning ❤️

[@En_Diel]

These are very helpful, keep them coming

[@appsbeyond]

Awesome video. Was hoping to get a hint of how to provide a background around a "section" of items since it is advised not to next two scrollables that scroll in the same direction.

[@abdonasr1222]

Wow!! so valueable performance tips

[@TashingaPemhiwa]

Great video on working with lists in Compose. How does one achieve prefetching?

[@AndroidDevelopers]

Hi Tashinga! Here's a link that might help you on your quest to learn more about prefetching: goo.gle/3ur5xof 😀

[@DarkoLuketic]

Lepotica, steta da sam pre star za nju :)

[@luisdavidorellana]

Gran video, información valiosa! Muchas gracias por los tips que nos dan 💚

[@Musa-al-Khwarazmi]

I hope some day we get hard working layouts.

[@gilbertsenyonjo963]

Dont mean to be rude, but I wonder if its just me who doesnt enjoy watching many people present in the same video/tutorial.

[@joesilva-rodriguez9]

That moment when you don't have a scroll bar and your PO wants a scroll bar. Bad...

[@gregbar6583]

What would you advise to implement an "excel-type" two-dimension scrollable grid of constand grid size? It seem that nesting LazyRow in LazyColumn (or other way) is not good approach. Any suggestions?

[@mill107]

I'm not sure I fully understand on the topic regarding 'Multiple elements in one Item', anyone know where can i find documentation or more info? thanks in advance.

[@VirgilioSolano]

Thank you guys... awesome

[@nesyou4342]

Greet! but there's no documentation to how to implement custom LazyLayout

[@andreykulikov1844]

Yes, we in fact intentionally didn't show it as the api is in its early stages and can change a lot. We didn't want this video to became outdated because of that. LazyLayout is not yet production ready, but I hope that the public documentation and the ability to read the sources of our components will allow the early adopters to try it out

[@tomcat2096]

Very helpful for me thanks Google

[@coldwised]

I'm using compose 1.4.0-rc01, LazyVerticalGrid with coil. Grid is so laggy, Recycler view is much better, idk how is this stable (release build)

[@gameofcodes9832]

In 16:15 let's say I want to have some modifiers for items block (not in while LazyColumn) how can I do so?

[@adrian110288]

Great video. Thanks! I tried adding a custom Arrangement.Vertical to my app and that part shown on the video by Andrey worked well but then tried adding spacing to it like what Arrangement.spacedBy does and failed. Are there any examples of a custom arrangement with item spacing?

[@andreykulikov9166]

When you implement your own Arrangement.Vertical you can also override spacing property, it is defined on the same interface

[@adrian110288]

@@andreykulikov9166 i have overriden the spacing property but still havent got the spacing applied. I was thinking I would need to factor the spacing in the calculations for outPositions?

[@andreykulikov9166]

@@adrian110288 yeah, you need to provide your spacing for the spacing property, this will be used when you have enough items to fill the whole viewport, and then also take into the account the spacing manually when you do the outPositions calculations for the case when you have less items than needed to fill the viewport

[@USS_Daedalus]

i should migrate my project to Compose 😮

[@ДенисБекк]

Hi! When we can see the implementation of StaggeredGridLayout based on LazyLayout?

[@AndroidDevelopers]

Thank you for the question! We are working on something like this. Keep an eye on our social media pages for updates!

[@mikeshilovski1512]

Magic

[@ssverma1916]

Damn good!

[@حميدبوعصيده-غ3ر]

can I get google developers training courses like Jetpack Compose for Android Developers as pdf documentation

[@AndroidDevelopers]

Hi! You can check out the documentation for JetPack Compose and refer to it anytime on your journey here 😁: developer.android.com/jetpack/compose/documentation

[@StraplessReligion]

Is there a way to add space individual for rows ?

[@andreykulikov9166]

Could you please elaborate a bit more?

[@AndroidDevelopers]

The two links provided here can help fill you in on how to add space in-between items and offer another helpful resource to aid you on your Compose journey! 😃 Content Spacing: developer.android.com/jetpack/compose/lists#content-spacing Arrangements: developer.android.com/reference/kotlin/androidx/compose/foundation/layout/Arrangement#public-functions_1

[@PsijicV]

LazyGrid can't be used inside other scrollable even is I set userScrollEnabled = false.

[@tashi7160]

i am too lazy now.

[@TheMikkelet]

HOW DO I UPDATE THE LIST WHEN I ADD/REMOVE ITEMS

[@FrankOtten]

You must make sure your items are passed through as state. When one of the children gets removed or added after the initial load you bubble it up back to the parent by using lambda's as parameters for the add/remove actions. Once something within the state changes it will automatically re-compose for you (and only the items which have changed).

[@dimidbrodsky9523]

i cant import LazyHorizontalGrid in project?

[@AndroidDevelopers]

Could you please check if you have added the following dependency to your project: "androidx.compose.foundation" and that you are running on the latest 1.2.0-beta02 Compose version? Thanks!

[@aabhishek4911]

Where is this common performance gotchas talk they keep mentioning ,

[@patryk11258]

EOQB8PTLkpY (ID of YT video)

[@andreykulikov9166]

kzbin.info/www/bejne/e4C0c2uGibGeprs

[@andreykulikov1844]

It is now called "Performance best practices for Jetpack Compose". You can find it on the same channel "Android Developers"

[@siva_subramaniam]

bm - 5:21

[@dimidbrodsky9523]

why I can't add LazyRow in bottomsheet?

[@AndroidDevelopers]

Hi Dimid, We are not aware of LazyRow incorrectly working inside a BottomSheet. Please file a bug in our bug tracker if you think you found it not working for you 🙂

[@FelipeBrunoRamirez]

Hola soy felipe desanjoseterueltepeojuma puebla

[@toystoryscarymovie-forkids3323]

Beginner Friendly NOT!

[@FrankOtten]

Yet Compose saves loads of time. I am reading through the entire docs section from the android developer website and it makes things very clear and easy. First I was like wtf is up with those remember items and stuff, then later I realized for like nearly all composables they made separate remember functions so you can easily re-use them in your composables for both re-usability and easy programming. I am still fairly new to programming but seeing how Compose works makes me quite enthusiastic!

[@j2shoes288]

I understood what the woman was saying.