Creating a Details Screen

About this lesson

This lesson explains how to add a Details Screen to an app. The Details Screen provides more information about the content selected in the GridScreen. It includes the item's release date, rating, genre, cast, and detailed description. It also includes a Play button for launching content into playback. The details screen enables users to confirm they want to play the content they've selected.

This lesson describes how to build a Details Screen using more complex components that include nested children. It explains how to create a button that launches the video player, populate the details screen with content metadata that is already stored in other components, and switch the focus when the details screen is opened and closed.

Resources

Item	Description
Details Screen sample app	Download and review the code used in this lesson to create a details screen.
Sideloading Roku apps	Sideload and test the Details Screen app created in this lesson.

Handing application events

Event loops

OnKeyEvent()

ifSGNodeChildren interface