Per-Tab Immersive Status Bar and Programmatic TabBar Hiding with ArkUI Tabs

Read the original article：Per-Tab Immersive Status Bar and Programmatic TabBar Hiding with ArkUI Tabs Per-Tab Immersive Status Bar and Programmatic TabBar Hiding with ArkUI Tabs Requirement Description Q1: When building pages with Tabs , how can a specific TabContent enable an immersive (edge-to-edge) top status bar effect? Q2: When using Tabs , how can the TabBar be hidden programmatically? Background Knowledge expandSafeArea : controls how a component extends into system safe areas (e.g., status/nav bars). Docs: https://developer.huawei.com/consumer/en/doc/harmonyos-references/ts-universal-attributes-expand-safe-area#expandsafearea barHeight (and barWidth ) on Tabs : controls TabBar size. Setting to 0 effectively hides the bar. Docs ( barHeight ): https://developer.huawei.com/consumer/en/doc/harmonyos-references/ts-container-tabs#barheight Implementation Steps For Q1 — Immersive status bar only for the target TabContent : On the page/Tabs root , allow content to extend into system sa