Variables (val, var) and null safety in Android Kotlin - UI Render Trace

Component - Variables (val, var) and null safety

This UI component shows how Kotlin variables work with val and var, and how null safety helps avoid errors by handling nullable values safely.

Widget Tree

Activity > LinearLayout > [TextView (Title), TextView (Variable Info), Button (Change Variable)]

The screen has a vertical layout with a title text at the top, a text showing variable values in the middle, and a button at the bottom to change the variable values.

Render Trace - 5 Steps

Step 1: Activity

Step 2: LinearLayout

Step 3: TextView (Title)

Step 4: TextView (Variable Info)

Step 5: Button (Change Variable)

State Change - Re-render

Trigger:User taps the 'Update Age' button

Before

age variable is null, displayed as 'age: null'

→

After

age variable is set to 30, displayed as 'age: 30'

Re-renders:TextView (Variable Info) updates to show new age value

UI Quiz - 3 Questions

What does the keyword 'val' mean in Kotlin?

A A variable that can hold null values only

B A variable that can be changed anytime

C A variable that cannot be changed after assignment

D A variable that is private by default

Key Insight

Using 'val' and 'var' clearly shows which variables can change. Kotlin's null safety forces you to handle null values explicitly, preventing many common app crashes. The UI updates only the parts that show changed data, making apps efficient and responsive.