fix: handle edge-to-edge properly (#15)

Author: Raival-e

app/src/main/java/com/raival/compose/file/explorer/common/compose/SafeSurface.kt

@@ -0,0 +1,28 @@
+package com.raival.compose.file.explorer.common.compose
+
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.ime
+import androidx.compose.foundation.layout.navigationBars
+import androidx.compose.foundation.layout.statusBars
+import androidx.compose.foundation.layout.windowInsetsPadding
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+
+@Composable
+fun SafeSurface(
+    modifier: Modifier = Modifier,
+    content: @Composable () -> Unit
+) {
+    Surface(
+        modifier = Modifier.fillMaxSize()
+            .windowInsetsPadding(WindowInsets.navigationBars)
+            .windowInsetsPadding(WindowInsets.statusBars)
+            .windowInsetsPadding(WindowInsets.ime),
+        color = MaterialTheme.colorScheme.surfaceContainerLowest
+    ) {
+        content()
+    }
+}

app/src/main/java/com/raival/compose/file/explorer/screen/main/MainActivity.kt

@@ -3,8 +3,16 @@ package com.raival.compose.file.explorer.screen.main
 import android.os.Bundle
 import androidx.activity.compose.BackHandler
 import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.WindowInsets
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.ime
+import androidx.compose.foundation.layout.imeAnimationSource
+import androidx.compose.foundation.layout.navigationBars
+import androidx.compose.foundation.layout.safeContentPadding
+import androidx.compose.foundation.layout.statusBars
+import androidx.compose.foundation.layout.windowInsetsPadding
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.ModalNavigationDrawer
 import androidx.compose.material3.Surface
@@ -16,6 +24,7 @@ import androidx.lifecycle.Lifecycle
 import androidx.lifecycle.compose.LifecycleEventEffect
 import com.raival.compose.file.explorer.App.Companion.globalClass
 import com.raival.compose.file.explorer.base.BaseActivity
+import com.raival.compose.file.explorer.common.compose.SafeSurface
 import com.raival.compose.file.explorer.screen.main.compose.DrawerContent
 import com.raival.compose.file.explorer.screen.main.compose.JumpToPathDialog
 import com.raival.compose.file.explorer.screen.main.compose.NewTabDialog
@@ -34,16 +43,14 @@ class MainActivity : BaseActivity() {
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
+        enableEdgeToEdge()
         checkPermissions()
     }
 
     override fun onPermissionGranted() {
         setContent {
             FileExplorerTheme {
-                Surface(
-                    modifier = Modifier.fillMaxSize(),
-                    color = MaterialTheme.colorScheme.surfaceContainerLowest
-                ) {
+                SafeSurface(modifier = Modifier.fillMaxSize()) {
                     val context = LocalContext.current
                     val coroutineScope = rememberCoroutineScope()
                     val mainActivityManager = globalClass.mainActivityManager

app/src/main/java/com/raival/compose/file/explorer/screen/preferences/PreferencesActivity.kt

@@ -3,8 +3,11 @@ package com.raival.compose.file.explorer.screen.preferences
 import android.annotation.SuppressLint
 import android.os.Bundle
 import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.WindowInsets
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.navigationBars
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.verticalScroll
@@ -25,6 +28,7 @@ import com.raival.compose.file.explorer.ui.theme.FileExplorerTheme
 class PreferencesActivity : BaseActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
+        enableEdgeToEdge()
         checkPermissions()
     }
 
@@ -44,7 +48,10 @@ class PreferencesActivity : BaseActivity() {
                             Modifier
                                 .fillMaxSize()
                                 .verticalScroll(rememberScrollState())
-                                .padding(top = paddingValues.calculateTopPadding())
+                                .padding(
+                                    top = paddingValues.calculateTopPadding(),
+                                    bottom = paddingValues.calculateBottomPadding()
+                                )
                         ) {
                             Space(size = 4.dp)
 

app/src/main/java/com/raival/compose/file/explorer/screen/textEditor/TextEditorActivity.kt

@@ -3,6 +3,7 @@ package com.raival.compose.file.explorer.screen.textEditor
 import android.os.Bundle
 import androidx.activity.compose.BackHandler
 import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.material3.HorizontalDivider
@@ -15,6 +16,7 @@ import androidx.lifecycle.compose.LifecycleEventEffect
 import com.raival.compose.file.explorer.App.Companion.globalClass
 import com.raival.compose.file.explorer.R
 import com.raival.compose.file.explorer.base.BaseActivity
+import com.raival.compose.file.explorer.common.compose.SafeSurface
 import com.raival.compose.file.explorer.common.extension.setContent
 import com.raival.compose.file.explorer.screen.textEditor.compose.BottomBarView
 import com.raival.compose.file.explorer.screen.textEditor.compose.CodeEditorView
@@ -34,6 +36,7 @@ class TextEditorActivity : BaseActivity() {
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
+        enableEdgeToEdge()
         checkPermissions()
     }
 
@@ -54,10 +57,7 @@ class TextEditorActivity : BaseActivity() {
 
         setContent {
             FileExplorerTheme {
-                Surface(
-                    modifier = Modifier.fillMaxSize(),
-                    color = colorScheme.surfaceContainerLowest
-                ) {
+                SafeSurface(modifier = Modifier.fillMaxSize()) {
                     Column(
                         Modifier.fillMaxSize(),
                         horizontalAlignment = Alignment.CenterHorizontally

app/src/main/java/com/raival/compose/file/explorer/screen/viewer/ViewerActivity.kt

@@ -2,6 +2,7 @@ package com.raival.compose.file.explorer.screen.viewer
 
 import android.net.Uri
 import android.os.Bundle
+import androidx.activity.enableEdgeToEdge
 import com.raival.compose.file.explorer.App.Companion.globalClass
 import com.raival.compose.file.explorer.base.BaseActivity
 import com.raival.compose.file.explorer.common.extension.randomString
@@ -17,6 +18,8 @@ abstract class ViewerActivity : BaseActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
 
+        enableEdgeToEdge()
+
         if (intent.data == null) {
             finish()
             return

app/src/main/java/com/raival/compose/file/explorer/screen/viewer/image/ImageViewerActivity.kt

@@ -19,6 +19,7 @@ import androidx.compose.ui.res.painterResource
 import coil3.compose.AsyncImage
 import coil3.compose.AsyncImagePainter
 import com.raival.compose.file.explorer.R
+import com.raival.compose.file.explorer.common.compose.SafeSurface
 import com.raival.compose.file.explorer.common.extension.read
 import com.raival.compose.file.explorer.screen.viewer.ViewerActivity
 import com.raival.compose.file.explorer.screen.viewer.ViewerInstance
@@ -35,10 +36,7 @@ class ImageViewerActivity : ViewerActivity() {
     override fun onReady(instance: ViewerInstance) {
         setContent {
             FileExplorerTheme {
-                Surface(
-                    modifier = Modifier.fillMaxSize(),
-                    color = colorScheme.surfaceContainerLowest
-                ) {
+                SafeSurface(modifier = Modifier.fillMaxSize()) {
                     Box(
                         Modifier.fillMaxSize(),
                         contentAlignment = Alignment.Center

app/src/main/java/com/raival/compose/file/explorer/screen/viewer/media/MediaViewerActivity.kt

@@ -42,6 +42,7 @@ import androidx.media3.common.Player.Listener
 import androidx.media3.ui.PlayerView
 import com.raival.compose.file.explorer.App.Companion.globalClass
 import com.raival.compose.file.explorer.R
+import com.raival.compose.file.explorer.common.compose.SafeSurface
 import com.raival.compose.file.explorer.common.compose.Space
 import com.raival.compose.file.explorer.common.extension.name
 import com.raival.compose.file.explorer.screen.viewer.ViewerActivity
@@ -65,10 +66,7 @@ class MediaViewerActivity : ViewerActivity() {
         if (instance is MediaViewerInstance) {
             setContent {
                 FileExplorerTheme {
-                    Surface(
-                        modifier = Modifier.fillMaxSize(),
-                        color = colorScheme.background
-                    ) {
+                    SafeSurface(modifier = Modifier.fillMaxSize()) {
                         Box(
                             Modifier
                                 .fillMaxSize(),

app/src/main/java/com/raival/compose/file/explorer/screen/viewer/pdf/PdfViewerActivity.kt

@@ -37,6 +37,7 @@ import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.raival.compose.file.explorer.App.Companion.globalClass
+import com.raival.compose.file.explorer.common.compose.SafeSurface
 import com.raival.compose.file.explorer.common.extension.dp
 import com.raival.compose.file.explorer.screen.viewer.ViewerActivity
 import com.raival.compose.file.explorer.screen.viewer.ViewerInstance
@@ -59,10 +60,7 @@ class PdfViewerActivity : ViewerActivity() {
         if (instance is PdfViewerInstance) {
             setContent {
                 FileExplorerTheme {
-                    Surface(
-                        modifier = Modifier.fillMaxSize(),
-                        color = colorScheme.surfaceContainerLowest
-                    ) {
+                    SafeSurface(modifier = Modifier.fillMaxSize()) {
                         Box(
                             Modifier.fillMaxSize(),
                             contentAlignment = Alignment.TopCenter