如何在jetpack compose中启动屏幕后隐藏操作栏？

Question

我已关注这篇文章所有 API 级别以下的闪屏，带有图标，没有任何活动。支持 Android 12 以下及以上设备的闪屏。

闪屏在两个版本中都工作正常，但在 android 12 中闪屏完成后，尽管我使用的是edgetoEdge()，但会出现操作栏，但它在 android 5.1 中工作得很好。

这是它在运行 Android 12 的设备上的显示方式。

运行 Android 5.1 的设备。

这是主题.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="Theme.SpotifyApp" parent="android:Theme.Material.Light.NoActionBar" >
        <item name="android:statusBarColor">@color/black</item>
        <item name="android:windowBackground">@drawable/splash_background</item>
    </style>

</resources>

这个 V31 的 theme.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="Theme.Splash" parent="android:Theme.Material.Light.NoActionBar" />
    <style name="Theme.SpotifyApp" parent="Theme.SplashScreen">
        <item name="windowSplashScreenBackground">@color/black</item>
        <item name="windowSplashScreenAnimatedIcon">@drawable/spotify</item>
        <item name="windowSplashScreenAnimationDuration">3000</item>
        <item name="postSplashScreenTheme">@style/Theme.Splash</item>
    </style>
</resources>

清单

<application
        android:allowBackup="true"
        android:dataExtractionRules="@xml/data_extraction_rules"
        android:fullBackupContent="@xml/backup_rules"
        android:icon="@drawable/spotify_icon_small"
        android:label="@string/app_name"
        android:roundIcon="@drawable/spotify_icon_small"
        android:supportsRtl="true"
        android:theme="@style/Theme.SpotifyApp"
        tools:targetApi="31">
        <activity
            android:name="com.example.spotify.activities.MainActivity"
            android:exported="true"
            android:theme="@style/Theme.SpotifyApp">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

主题.kt

@Composable
fun SpotifyTheme(
    darkTheme: Boolean = isSystemInDarkTheme(),
    // Dynamic color is available on Android 12+
    dynamicColor: Boolean = false,
    content: @Composable () -> Unit
) {
    val colorScheme = when {
        dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
            val context = LocalContext.current
            if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
        }

        darkTheme -> DarkColorScheme
        else -> LightColorScheme
    }

    MaterialTheme(
        colorScheme = colorScheme,
        typography = Typography,
        content = content
    )
}

主要活动

class MainActivity : ComponentActivity() {
    @OptIn(ExperimentalMaterial3Api::class)
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        installSplashScreen()

        setContent {
            SpotifyTheme {
                CompositionLocalProvider(LocalRippleConfiguration provides null) {
                    Surface(modifier = Modifier
                        .fillMaxSize()
                        .background(MaterialTheme.colorScheme.background)){
                        MyAppNavigation()
                    }
                }
            }
        }
    }
}

尝试了我找到的不同解决方案，但仍然无法解决它。请注意，两个设备中的启动屏幕都可以在没有操作栏的情况下正确显示

Answer 1

您可以通过将

@style/Theme.Splash on postSplashScreenTheme

替换为具有 NoActionBar 的应用程序主题来实现此目的。具体方法如下：

<item name="postSplashScreenTheme">@style/Theme.YourApp.NoActionBar</item>

确保在 styles.xml 中使用 NoActionBar 属性定义 Theme.YourAppTheme。这可以确保在启动屏幕之后，您的应用程序可以顺利过渡到主主题，而无需操作栏。