Posted by Sa-ryong Kang and Miguel Montemayor – Developer Relations Engineers
Peacock is NBCUniversal’s streaming service app out there within the US, providing culture-defining leisure together with dwell sports activities, unique authentic content material, TV reveals, and blockbuster motion pictures. The app continues to evolve, turning into greater than only a platform to observe content material, however a hub of leisure.
As we speak’s customers are consuming leisure on an more and more wider array of system sizes and kinds, and specifically are transferring in direction of cell units. Peacock has adopted Jetpack Compose to assist with its journey in adapting to extra screens and assembly customers the place they’re.
Adapting to extra versatile type components
The Peacock improvement group is concentrated on bringing the perfect expertise to customers, it doesn’t matter what system they’re utilizing or after they need to eat content material. With an rising development from app customers to observe extra on cell units and huge screens like foldables, the Peacock app wants to have the ability to adapt to totally different display sizes. As extra units are launched, the group wanted to discover new options that take advantage of out of every distinctive show permutation.
The purpose was to have the Peacock app to adapt to those new shows whereas regularly providing high-quality leisure with out interruptions, just like the stream reloading or visible errors. Whereas pondering forward, in addition they needed to arrange and construct an answer that was prepared for Android XR because the leisure panorama is shifting in direction of together with extra immersive experiences.
Constructing a future-proof expertise with Jetpack Compose
So as to construct a scalable resolution that might assist the Peacock app proceed to evolve, the app was migrated to Jetpack Compose, Android’s toolkit for constructing scalable UI. One of many important instruments they used was the WindowSizeClass API, which helps builders create and check UI layouts for various measurement ranges. This API then permits the app to seamlessly swap between pre-set layouts because it reaches established viewport breakpoints for various window sizes.
The API was used together with Kotlin Coroutines and Flows to maintain the UI state responsive because the window measurement modified. To check their work and positive tune edge case units, Peacock used the Android Studio emulator to simulate a variety of Android-based units.
Jetpack Compose allowed the group to construct adaptively, so now the Peacock app responds to all kinds of screens whereas providing a seamless expertise to Android customers. “The app feels extra native, extra fluid, and extra intuitive throughout all type components,” stated Diego Valente, Head of Cell, Peacock and International Streaming. “Meaning customers can begin watching on a smaller display and proceed immediately on a bigger one after they unfold the system—no reloads, no friction. It simply works.”
Making ready for immersive leisure experiences
In constructing adaptive apps on Android, John Jelley, Senior Vice President, Product & UX, Peacock and International Streaming, says Peacock has additionally laid the groundwork to shortly adapt to the Android XR platform: “Android XR builds on the identical massive display rules, our funding right here naturally extends to these rising experiences with much less developmental work.”
The group is happy in regards to the prospect of options unlocked by Android XR, like Multiview for sports activities and TV, which permits customers to observe a number of video games or digital camera angles directly. By tailoring spatial home windows to the person’s atmosphere, the app might provide new methods for customers to work together with contextual metadata like sports activities stats or actor info—all with out ever interrupting their expertise.
Construct adaptive apps
Learn to unlock your app’s full potential on telephones, tablets, foldables, and past.
Discover this announcement and all Google I/O 2025 updates on io.google beginning Might 22.
