Add immersive experience in focus mode of InAppGallery

Author: MHShetty

app/src/main/java/app/grapheneos/camera/ktx/Dp.kt

@@ -4,5 +4,8 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.unit.Dp
 
+@Composable
+fun Int.pxToDp() = with(LocalDensity.current) { this@pxToDp.toDp() }
+
 @Composable
 fun Dp.toPx() = with(LocalDensity.current) { this@toPx.toPx() }

app/src/main/java/app/grapheneos/camera/ui/composable/screen/ui/GalleryScreen.kt

@@ -1,5 +1,6 @@
 package app.grapheneos.camera.ui.composable.screen.ui
 
+import android.app.Activity
 import android.widget.Toast
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.animateColorAsState
@@ -37,11 +38,15 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalView
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.LayoutDirection
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
+import androidx.core.view.WindowCompat
+import androidx.core.view.WindowInsetsCompat
+import androidx.core.view.WindowInsetsControllerCompat
 
 import androidx.lifecycle.viewmodel.compose.viewModel
 import app.grapheneos.camera.CapturedItem
@@ -74,6 +79,12 @@ fun GalleryScreen(
 ) {
     val context = LocalContext.current
 
+    val window = (context as Activity).window
+
+    val insetsController = WindowCompat.getInsetsController(window, LocalView.current).apply {
+        systemBarsBehavior = WindowInsetsControllerCompat.BEHAVIOR_DEFAULT
+    }
+
     val zoomableState = rememberZoomableState()
 
     val coroutineScope = rememberCoroutineScope()
@@ -125,6 +136,14 @@ fun GalleryScreen(
         }
     }
 
+    LaunchedEffect(viewModel.inFocusMode) {
+        if (viewModel.inFocusMode) {
+            insetsController.hide(WindowInsetsCompat.Type.systemBars())
+        } else {
+            insetsController.show(WindowInsetsCompat.Type.systemBars())
+        }
+    }
+
     // Displays media info dialog when displayedMediaItem is not null
     MediaInfoDialog(
         mediaItemDetails = viewModel.displayedMediaItem,
@@ -224,7 +243,7 @@ fun GalleryScreen(
                                 // material guidelines)
                                 0.dp,
                                 innerPadding.calculateEndPadding(LayoutDirection.Ltr),
-                                innerPadding.calculateBottomPadding(),
+                                0.dp,
                             )
                             .fillMaxSize()
                     ) { page ->