Feat(UI): Automatically hide app bar

Automatically hide top and bottom app bars when page scrolls

app/src/main/kotlin/top/fatweb/oxygen/toolbox/ui/OxygenApp.kt

@@ -11,6 +11,8 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.safeDrawing
 import androidx.compose.foundation.layout.safeDrawingPadding
 import androidx.compose.foundation.layout.windowInsetsPadding
+import androidx.compose.material3.BottomAppBar
+import androidx.compose.material3.BottomAppBarDefaults
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
@@ -30,6 +32,7 @@ import androidx.compose.runtime.saveable.rememberSaveable
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.input.nestedscroll.nestedScroll
 import androidx.compose.ui.res.stringResource
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import androidx.navigation.NavDestination
@@ -73,6 +76,9 @@ fun OxygenApp(appState: OxygenAppState) {
 
             val noConnectMessage = stringResource(R.string.no_connect)
 
+            val topAppBarScrollBehavior = TopAppBarDefaults.enterAlwaysScrollBehavior()
+            val bottomAppBarScrollBehavior = BottomAppBarDefaults.exitAlwaysScrollBehavior()
+
             LaunchedEffect(isOffline) {
                 if (isOffline) {
                     snackbarHostState.showSnackbar(
@@ -89,17 +95,24 @@ fun OxygenApp(appState: OxygenAppState) {
             }
 
             Scaffold(
+                modifier = Modifier
+                    .nestedScroll(topAppBarScrollBehavior.nestedScrollConnection)
+                    .nestedScroll(bottomAppBarScrollBehavior.nestedScrollConnection),
                 containerColor = Color.Transparent,
                 contentColor = MaterialTheme.colorScheme.onBackground,
                 contentWindowInsets = WindowInsets(0, 0, 0, 0),
                 snackbarHost = { SnackbarHost(snackbarHostState) },
                 bottomBar = {
                     if (appState.shouldShowBottomBar && destination != null) {
-                        OxygenBottomBar(
+                        BottomAppBar(
-                            destinations = appState.topLevelDestinations,
+                            scrollBehavior = bottomAppBarScrollBehavior
-                            onNavigateToDestination = appState::navigateToTopLevelDestination,
+                        ) {
-                            currentDestination = appState.currentDestination
+                            OxygenBottomBar(
-                        )
+                                destinations = appState.topLevelDestinations,
+                                onNavigateToDestination = appState::navigateToTopLevelDestination,
+                                currentDestination = appState.currentDestination
+                            )
+                        }
                     }
                 }
             ) { padding ->
@@ -128,6 +141,7 @@ fun OxygenApp(appState: OxygenAppState) {
                     ) {
                         if (destination != null) {
                             OxygenTopAppBar(
+                                scrollBehavior = topAppBarScrollBehavior,
                                 titleRes = destination.titleTextId,
                                 navigationIcon = OxygenIcons.Search,
                                 navigationIconContentDescription = stringResource(R.string.feature_settings_top_app_bar_navigation_icon_description),

app/src/main/kotlin/top/fatweb/oxygen/toolbox/ui/component/OxygenTopAppBar.kt

@@ -9,6 +9,7 @@ import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.material3.TopAppBarColors
 import androidx.compose.material3.TopAppBarDefaults
+import androidx.compose.material3.TopAppBarScrollBehavior
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.vector.ImageVector
@@ -22,6 +23,7 @@ import android.R as androidR
 @Composable
 fun OxygenTopAppBar(
     modifier: Modifier = Modifier,
+    scrollBehavior: TopAppBarScrollBehavior? = null,
     @StringRes titleRes: Int,
     navigationIcon: ImageVector,
     navigationIconContentDescription: String,
@@ -33,6 +35,7 @@ fun OxygenTopAppBar(
 ) {
     CenterAlignedTopAppBar(
         modifier = modifier,
+        scrollBehavior = scrollBehavior,
         title = { Text(stringResource(titleRes)) },
         navigationIcon = {
             IconButton(onClick = onNavigationClick) {