Saving instance state in Android Kotlin - UI Render Trace

Component - Saving instance state

This component shows how an Android app saves and restores its state when the screen rotates or the app is temporarily stopped. It keeps the user input safe so it doesn't disappear.

Widget Tree

Activity
├── LinearLayout (vertical)
│   ├── EditText
│   └── Button
└── TextView

The main screen is an Activity with a vertical LinearLayout. Inside it, there is an EditText for user input, a Button to save the input, and a TextView to display the saved text.

Render Trace - 5 Steps

Step 1: Activity

Step 2: User Interaction

Step 3: Button

Step 4: Activity

Step 5: Activity

State Change - Re-render

Trigger:Device rotation causing Activity recreation

Before

EditText contains user typed text, TextView shows saved text

→

After

EditText and TextView restored with the same text after rotation

Re-renders:Entire Activity UI re-created, but text content restored from saved state

UI Quiz - 3 Questions

What happens when the device rotates in this app?

A The Activity is destroyed and recreated, but user text is restored

B The Activity stays the same and nothing changes

C The user text is lost and EditText is empty

D The app crashes because state is not saved

Key Insight

Saving instance state in Android helps keep user data safe during screen rotations or temporary stops. Using onSaveInstanceState and restoring in onCreate ensures a smooth user experience without losing input.

Practice

1. What is the main purpose of onSaveInstanceState in Android Kotlin apps?

easy

A. To initialize UI components when the app starts

B. To permanently store data in a database

C. To save UI data temporarily during events like screen rotation

D. To handle user input events like button clicks

Solution

1. Step 1: Understand the role of onSaveInstanceState

   This method is called before an activity might be destroyed, such as during screen rotation, to save temporary UI data.

2. Step 2: Differentiate from other data storage methods

   Permanent storage like databases is not handled here; onSaveInstanceState is for short-term state saving only.

3. Final Answer:

   To save UI data temporarily during events like screen rotation -> Option C

4. Quick Check:

   onSaveInstanceState saves temporary UI state [OK]

Hint: Remember: onSaveInstanceState saves temporary UI data [OK]

Common Mistakes:

• Confusing onSaveInstanceState with permanent storage
• Thinking it initializes UI components
• Assuming it handles user input events

2. Which of the following is the correct way to save a string value "username" in onSaveInstanceState?

easy

A. bundle.putString("username", username)

B. outState.putString("username", username)

C. savedInstanceState.putString("username", username)

D. state.putString("username", username)

Solution

1. Step 1: Identify the correct parameter name in onSaveInstanceState

   The Bundle parameter is named outState in onSaveInstanceState method.

2. Step 2: Use the correct method to save a string

   Use outState.putString(key, value) to save the string value.

3. Final Answer:

   outState.putString("username", username) -> Option B

4. Quick Check:

   Use outState to save data in onSaveInstanceState [OK]

Hint: Use outState.putString() inside onSaveInstanceState [OK]

Common Mistakes:

• Using savedInstanceState inside onSaveInstanceState
• Using undefined variable names like bundle or state
• Confusing parameter names in lifecycle methods

3. Given this code snippet inside an Activity:

override fun onSaveInstanceState(outState: Bundle) {
  super.onSaveInstanceState(outState)
  outState.putInt("score", 10)
}

override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  val score = savedInstanceState?.getInt("score") ?: 0
  println(score)
}

What will be printed after a screen rotation?

medium

A. Crash due to NullPointerException

B. 0

C. null

D. 10

Solution

1. Step 1: Understand saving the score in onSaveInstanceState

   The score 10 is saved in the outState bundle before the activity is destroyed.

2. Step 2: Restore score in onCreate after rotation

   savedInstanceState contains the saved bundle, so getInt("score") returns 10, not null or 0.

3. Final Answer:

   10 -> Option D

4. Quick Check:

   Saved state restores score = 10 after rotation [OK]

Hint: savedInstanceState?.getInt() returns saved value or default [OK]

Common Mistakes:

• Assuming savedInstanceState is always null
• Forgetting to call super.onSaveInstanceState
• Expecting 0 instead of restored value

4. What is wrong with this code snippet for saving instance state?

override fun onSaveInstanceState(outState: Bundle) {
  outState.putInt("count", count)
}

override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  val count = savedInstanceState?.getInt("count") ?: 0
}

medium

A. Missing call to super.onSaveInstanceState in onSaveInstanceState

B. Using wrong key name "count"

C. Not initializing count variable before saving

D. Not checking savedInstanceState for null in onCreate

Solution

1. Step 1: Check onSaveInstanceState method

   It lacks a call to super.onSaveInstanceState(outState), which is required to save default state.

2. Step 2: Verify other parts

   Key name "count" is consistent, count variable assumed initialized, and null check is done in onCreate.

3. Final Answer:

   Missing call to super.onSaveInstanceState in onSaveInstanceState -> Option A

4. Quick Check:

   Always call super.onSaveInstanceState [OK]

Hint: Always call super.onSaveInstanceState in override [OK]

Common Mistakes:

• Forgetting super call in onSaveInstanceState
• Using inconsistent keys for saving/restoring
• Ignoring null checks on savedInstanceState

5. You want to save a checkbox state and a user input text during screen rotation. Which approach correctly saves and restores both in an Activity?

hard

A. Save checkbox state and text in onSaveInstanceState using outState.putBoolean and outState.putString, then restore in onCreate using savedInstanceState?.getBoolean and getString

B. Save checkbox state only in onSaveInstanceState, restore text from a global variable

C. Save text in onPause and checkbox state in onStop, restore both in onResume

D. Use SharedPreferences to save checkbox and text, restore in onCreate

Solution

1. Step 1: Use onSaveInstanceState for temporary UI data

   Checkbox state (boolean) and text (string) should be saved in outState bundle in onSaveInstanceState.

2. Step 2: Restore saved data in onCreate

   Use savedInstanceState?.getBoolean and getString to restore checkbox and text after rotation.

3. Final Answer:

   Save checkbox state and text in onSaveInstanceState using outState.putBoolean and outState.putString, then restore in onCreate using savedInstanceState?.getBoolean and getString -> Option A

4. Quick Check:

   Use onSaveInstanceState and savedInstanceState for UI state [OK]

Hint: Save UI data in onSaveInstanceState, restore in onCreate [OK]

Common Mistakes:

• Using global variables that reset on rotation
• Saving data in lifecycle methods not meant for state
• Using persistent storage for temporary UI state