High 3 Updates with Compose throughout Kind Elements at Google I/O ’24

Posted by Chris Arriola – Developer Relations Engineer

Google I/O 2024 was crammed with a number of updates and bulletins round serving to you be extra productive as a developer. Listed here are the highest 3 bulletins round Jetpack Compose and Kind Elements from Google I/O 2024:

#1 New updates in Jetpack Compose

The June 2024 launch of Jetpack Compose is full of new options and enhancements equivalent to shared factor transitions, lazy checklist merchandise animations, and efficiency enhancements throughout the board.

With shared factor transitions, you possibly can create pleasant continuity between screens in your app. This characteristic works along with Navigation Compose and predictive again in order that transitions can occur as customers navigate your app. One other extremely requested characteristic—lazy checklist merchandise animations—can also be now supported for lazy lists giving it the power to animate inserts, deletions, and reordering of things.

Jetpack Compose additionally continues to enhance runtime efficiency with each launch. Our benchmarks present a sooner time to first pixel of 17% in our Jetsnack Compose pattern. Moreover, robust skipping mode graduated from experimental to production-ready standing additional enhancing the efficiency of Compose apps. Merely replace your app to benefit from these advantages.

Learn What’s new in Jetpack Compose at I/O ‘24 for extra info.

#2 Scaling throughout screens with new Compose APIs and Instruments

Throughout Google I/O, we introduced new instruments and APIs to make it simpler to construct throughout screens with Compose. The brand new Materials 3 adaptive library introduces new APIs that will let you implement frequent adaptive eventualities equivalent to list-detail, and supporting pane. These APIs enable your app to show one or two panes relying on the out there measurement to your app.

Watch Constructing UI with the Materials 3 adaptive library and Constructing adaptive Android apps to study extra. For those who favor to learn, you possibly can try About adaptive layouts in our documentation.

We additionally introduced that Compose for TV 1.0.0 is now out there in beta. The most recent updates to Compose for TV embrace higher efficiency, enter assist, and an entire vary of improved elements that look nice out of the field. New on this launch, we’ve added lists, navigation, chips, and settings screens. We’ve additionally added a new TV Materials Catalog app and up to date the developer instruments in Android Studio to incorporate a brand new challenge wizard to get a operating begin with Compose for TV.

Lastly, Compose for Put on OS has added options equivalent to SwipeToReveal, an expandableItem, and a spread of WearPreview supporting annotations. Throughout Google I/O 2024, Compose for Put on OS graduated visible enhancements and fixes from beta to secure. Study extra about all of the updates to Put on OS by trying out the technical session.

Try case research from SoundCloud and Adidas to see how apps are leveraging Compose to construct their apps and study extra about all of the updates for Compose throughout screens by studying extra right here!

#3 Look 1.1

Jetpack Look is Android’s trendy beneficial framework for constructing widgets. The most recent model, Look 1.1, is now secure. Look is constructed on high of Jetpack Compose permitting you to make use of the identical declarative syntax that you just’re used to when constructing widgets.

This launch brings a brand new unit check library, Error UIs, and new elements. Moreover, we’ve launched new Canonical Widget Layouts on GitHub to will let you get began sooner with a set of layouts that align with greatest practices and we’ve revealed new design steerage revealed on the UI design hub — test it out!

To study extra about utilizing Look, try Construct lovely Android widgets with Jetpack Look. Or if you would like one thing extra hands-on, try the codelab Create a widget with Look.

You may study extra in regards to the newest updates to Compose and Kind Elements by trying out the Compose Throughout Screens and the What’s new in Jetpack Compose at I/O ‘24 weblog posts or watching the highlight playlist!