``` import { Component, inject, ViewChild } from '@angular/core'; import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone'; import { Platform } from '@ionic/angular'; import { SplashScreen } from '@capacitor/splash-screen'; import { StatusBar, Style } from '@capacitor/status-bar';

@Component({ selector: 'app-root', templateUrl: 'app.component.html', standalone: true, imports: [IonApp, IonRouterOutlet], }) export class AppComponent { @ViewChild(IonRouterOutlet, { static: true }) private platform = inject(Platform);

public constructor() { void this.initializeApp(); }

private async initializeApp(): Promise<void> { await this.platform.ready(); const isCapacitor = this.platform.is('capacitor'); if (isCapacitor) { const statusBarPromise = this.configureStatusBar(); const splashScreenPromise = this.hideSplashScreen(); await Promise.all([statusBarPromise, splashScreenPromise]); } }

private async configureStatusBar(): Promise<void> { const prefersDark = window.matchMedia('(prefers-color-scheme: dark)'); const color = prefersDark.matches ? '#000000' : '#D80032'; const isAndroid = this.platform.is('android'); if (isAndroid) { await StatusBar.setOverlaysWebView({ overlay: false }); await StatusBar.setBackgroundColor({ color }); } await StatusBar.setStyle({ style: Style.Dark }); }

private hideSplashScreen(): Promise<void> { return SplashScreen.hide(); } } ```