如何在jetpack compose中隐藏导航栏和状态栏？

import androidx.compose.runtime.Composable
import androidx.compose.runtime.SideEffect
import androidx.compose.ui.platform.LocalContext
import androidx.compose.ui.platform.LocalView
import androidx.compose.ui.viewinterop.AndroidView
import androidx.core.view.WindowCompat
import androidx.core.view.WindowInsetsCompat
import androidx.core.view.WindowInsetsControllerCompat
import androidx.core.view.updateSystemUiVisibility

@Composable
fun HideSystemUi() {
    val context = LocalContext.current
    val view = LocalView.current
    
    SideEffect {
        val window = WindowCompat.getInsetsController(view.window!!)
        window?.let {
            WindowCompat.setDecorFitsSystemWindows(view.window, false)
            it.hide(WindowInsetsCompat.Type.navigationBars() or WindowInsetsCompat.Type.statusBars())
        }
        
        view.systemUiVisibility = (
            android.view.View.SYSTEM_UI_FLAG_LAYOUT_STABLE
            or android.view.View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            or android.view.View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
            or android.view.View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
            or android.view.View.SYSTEM_UI_FLAG_FULLSCREEN
            or android.view.View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
        )
    }
    
    AndroidView(factory = { context }) { androidContext ->
        androidContext
    }
}

@Composable
fun MyScreen() {
    // 隐藏导航栏和状态栏
    HideSystemUi()
    
    // 布局和其他组件
    // ...
}