OkHttp interceptors in Android Kotlin - UI Render Trace

Component - OkHttp interceptors

An OkHttp interceptor is a special component that can watch, modify, or retry network requests and responses in an Android app. It acts like a checkpoint on the path of data going out or coming in, allowing you to add headers, log info, or handle errors before the app uses the data.

Widget Tree

OkHttpClient
└── Interceptor
    ├── Request
    └── Response

The OkHttpClient is the main network client. It holds one or more Interceptors. Each Interceptor watches the Request before it goes out and the Response when it comes back. This setup lets you change or log data at these points.

Render Trace - 5 Steps

Step 1: OkHttpClient

Step 2: Interceptor - intercept() method

Step 3: Interceptor - proceed() call

Step 4: Interceptor - receives Response

Step 5: OkHttpClient

State Change - Re-render

Trigger:A network request is made using OkHttpClient with interceptors

Before

Request is unmodified, no logs or headers added

→

After

Request may have added headers or logs; response may be logged or modified

Re-renders:No UI rerender; network client internal state changes and data flow is intercepted

UI Quiz - 3 Questions

What does an OkHttp interceptor do before sending a request?

A It displays a loading spinner on screen

B It closes the app

C It can modify the request or add headers

D It changes the app theme

Key Insight

OkHttp interceptors work behind the scenes without changing the app's visible UI. They let you safely watch and change network data flow, like adding headers or logging, without disturbing what the user sees. This separation keeps network logic clean and UI responsive.