如何实现Medium或Telegram X应用中的状态栏效果？

Hey there! Let me break down the status bar behaviors you're asking about for Medium and Telegram X, plus the animation details:

• Before scrolling: The status bar displays full system info (time, battery level, signal strength, etc.) in a clear, standard style that stands out against the app's header.
• After scrolling: As you scroll down the page, the status bar transitions smoothly—usually adjusting its background opacity or simplifying the displayed info—to blend better with the content, creating a more immersive reading experience.
• Animation: This entire transition uses a smooth fade in and fade out animation, so the change feels natural without any jarring jumps.

• With active network connection: The status bar shows all standard system icons (Wi-Fi/cellular signal, time, battery) in their normal, fully opaque state.
• Without network connection: All network-related icons (Wi-Fi, cellular signal) disappear completely. Only the current time and battery icon remain, and both are set to 50% opacity to indicate the offline state subtly.
• Animation: Every state switch (online ↔ offline) uses a smooth fade in and fade out animation for icon visibility and opacity changes, making the transition gentle and unobtrusive.

内容的提问来源于stack exchange，提问作者Dmitry Kozyrenko