Intent for activity navigation in Android Kotlin - UI Render Trace

Component - Intent for activity navigation

This UI component demonstrates how to navigate from one screen (activity) to another in an Android app using an Intent. When the user taps the button, the app moves to a new screen.

Widget Tree

ActivityMain
├── LinearLayout (vertical)
│   ├── TextView
│   └── Button
ActivitySecond
└── LinearLayout (vertical)
    └── TextView

The main screen (ActivityMain) has a vertical layout with a text label and a button. The second screen (ActivitySecond) has a vertical layout with a text label. Pressing the button on the main screen triggers navigation to the second screen.

Render Trace - 3 Steps

Step 1: ActivityMain

Step 2: Button (in ActivityMain)

Step 3: ActivitySecond

State Change - Re-render

Trigger:User taps the 'Go to Second Screen' button

Before

ActivityMain is visible with button enabled

→

After

ActivitySecond is visible showing its text label

Re-renders:The entire screen changes from ActivityMain layout to ActivitySecond layout

UI Quiz - 3 Questions

What happens when the user taps the button on the main screen?

A The app closes immediately

B The button text changes color but stays on the same screen

C The app navigates to the second screen using an Intent

D Nothing happens

Key Insight

Using Intents to navigate between activities is a fundamental way to move users through different screens in Android apps. The UI updates completely to show the new activity, making navigation clear and simple.