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 stay sports activities, unique unique content material, TV reveals, and blockbuster motion pictures. The app continues to evolve, turning into greater than only a platform to look at content material, however a hub of leisure.
At this time’s customers are consuming leisure on an more and more wider array of machine sizes and kinds, and particularly are transferring in direction of cellular gadgets. 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 staff is targeted on bringing one of the best expertise to customers, it doesn’t matter what machine they’re utilizing or once they need to devour content material. With an rising development from app customers to look at extra on cellular gadgets and enormous screens like foldables, the Peacock app wants to have the ability to adapt to completely different display screen sizes. As extra gadgets are launched, the staff wanted to discover new options that take advantage of out of every distinctive show permutation.
The aim 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 considering 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
As a way to construct a scalable answer 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 change between pre-set layouts because it reaches established viewport breakpoints for various window sizes.
The API was used at the side of Kotlin Coroutines and Flows to maintain the UI state responsive because the window measurement modified. To check their work and superb tune edge case gadgets, Peacock used the Android Studio emulator to simulate a variety of Android-based gadgets.
Jetpack Compose allowed the staff 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 Cellular, Peacock and International Streaming. “Meaning customers can begin watching on a smaller display screen and proceed immediately on a bigger one once they unfold the machine—no reloads, no friction. It simply works.”
Getting 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 screen ideas, our funding right here naturally extends to these rising experiences with much less developmental work.”
The staff is worked up in regards to the prospect of options unlocked by Android XR, like Multiview for sports activities and TV, which allows customers to look at a number of video games or digicam angles directly. By tailoring spatial home windows to the consumer’s surroundings, the app might supply new methods for customers to work together with contextual metadata like sports activities stats or actor data—all with out ever interrupting their expertise.
Construct adaptive apps
Discover ways 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.
