Running Your TV App and Exploring Its Structure

🚀

Now that we’ve set up and prebuilt our project, let’s run our app on different TV platforms and explore its structure. We’ll cover running options for each platform and examine TV-specific implementation details.

Running on Different Platforms

Android TV or Fire TV

Prepare Your Device

Ensure you have an Android TV emulator set up or a physical device connected. For physical devices, enable Developer Options and USB Debugging, for example with Fire TV you can use the instructions here

Check Available Devices

List available devices:

adb devices

Run the App

Execute the command with your device ID:

npx expo run:android --device <Your Device or Emulator>

Example

npx expo run:android --device emulator-5554

tvOS

🍎

tvOS development requires a Mac computer with Xcode installed.

Verify Requirements

Ensure Xcode is installed with tvOS Simulator.

Run the App

Basic command:

npx expo run:ios

Specify Simulator (Optional)

For a specific simulator:

npx expo run:ios --simulator "Apple TV 4K (3rd generation)"

Web

Start Development Server

Run the command:

npx expo start --web

View App

The app will open automatically in your default browser.

The app is optimized for remote control interaction ( 😃 of course as it’s a TV app ). Test it navigating with the controller!

Now let’s explore the app structure and code!

Prebuild Project structure