ui: enable edge-to-edge and add window insets for activities

Author: shubham0204

app/src/main/java/io/shubham0204/smollmandroid/ui/screens/chat/ChatActivity.kt

@@ -27,6 +27,7 @@ import android.widget.Toast
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.BackHandler
 import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
@@ -42,6 +43,7 @@ import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.safeDrawingPadding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.layout.widthIn
@@ -126,6 +128,7 @@ class ChatActivity : ComponentActivity() {
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
+        enableEdgeToEdge()
 
         /**
          * Check if the activity was launched by an intent to share text with the app
@@ -154,23 +157,25 @@ class ChatActivity : ComponentActivity() {
 
         setContent {
             val navController = rememberNavController()
-            NavHost(
-                navController = navController,
-                startDestination = "chat",
-                enterTransition = { fadeIn() },
-                exitTransition = { fadeOut() },
-            ) {
-                composable("edit-chat") {
-                    EditChatSettingsScreen(
-                        viewModel,
-                        onBackClicked = { navController.navigateUp() },
-                    )
-                }
-                composable("chat") {
-                    ChatActivityScreenUI(
-                        viewModel,
-                        onEditChatParamsClick = { navController.navigate("edit-chat") },
-                    )
+            Box(modifier = Modifier.safeDrawingPadding()) {
+                NavHost(
+                    navController = navController,
+                    startDestination = "chat",
+                    enterTransition = { fadeIn() },
+                    exitTransition = { fadeOut() },
+                ) {
+                    composable("edit-chat") {
+                        EditChatSettingsScreen(
+                            viewModel,
+                            onBackClicked = { navController.navigateUp() },
+                        )
+                    }
+                    composable("chat") {
+                        ChatActivityScreenUI(
+                            viewModel,
+                            onEditChatParamsClick = { navController.navigate("edit-chat") },
+                        )
+                    }
                 }
             }
         }

app/src/main/java/io/shubham0204/smollmandroid/ui/screens/manage_tasks/ManageTasksActivity.kt

@@ -21,6 +21,7 @@ import android.os.Bundle
 import android.widget.Toast
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
@@ -31,6 +32,7 @@ import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.safeDrawingPadding
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.material3.ExperimentalMaterial3Api
@@ -70,7 +72,12 @@ import org.koin.androidx.compose.koinViewModel
 class ManageTasksActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        setContent { TasksActivityScreenUI() }
+        enableEdgeToEdge()
+        setContent {
+            Box(modifier = Modifier.safeDrawingPadding()) {
+                TasksActivityScreenUI()
+            }
+        }
     }
 }
 

app/src/main/java/io/shubham0204/smollmandroid/ui/screens/model_download/DownloadModelActivity.kt

@@ -24,19 +24,22 @@ import android.provider.DocumentsContract
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.rememberLauncherForActivityResult
 import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
 import androidx.activity.result.contract.ActivityResultContracts
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.safeDrawingPadding
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.shape.RoundedCornerShape
@@ -88,35 +91,38 @@ class DownloadModelActivity : ComponentActivity() {
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
+        enableEdgeToEdge()
         setContent {
             val navController = rememberNavController()
-            NavHost(
-                navController = navController,
-                startDestination = "download-model",
-                enterTransition = { fadeIn() },
-                exitTransition = { fadeOut() },
-            ) {
-                composable("view-model") {
-                    ViewHFModelScreen(
-                        viewModel,
-                        onBackClicked = { navController.navigateUp() },
-                    )
-                }
-                composable("hf-model-select") {
-                    HFModelDownloadScreen(
-                        viewModel,
-                        onBackClicked = { navController.navigateUp() },
-                        onModelClick = { modelId ->
-                            viewModel.viewModelId = modelId
-                            navController.navigate("view-model")
-                        },
-                    )
-                }
-                composable("download-model") {
-                    AddNewModelScreen(
-                        onHFModelSelectClick = { navController.navigate("hf-model-select") },
-                        onBackClick = { finish() },
-                    )
+            Box(modifier = Modifier.safeDrawingPadding()) {
+                NavHost(
+                    navController = navController,
+                    startDestination = "download-model",
+                    enterTransition = { fadeIn() },
+                    exitTransition = { fadeOut() },
+                ) {
+                    composable("view-model") {
+                        ViewHFModelScreen(
+                            viewModel,
+                            onBackClicked = { navController.navigateUp() },
+                        )
+                    }
+                    composable("hf-model-select") {
+                        HFModelDownloadScreen(
+                            viewModel,
+                            onBackClicked = { navController.navigateUp() },
+                            onModelClick = { modelId ->
+                                viewModel.viewModelId = modelId
+                                navController.navigate("view-model")
+                            },
+                        )
+                    }
+                    composable("download-model") {
+                        AddNewModelScreen(
+                            onHFModelSelectClick = { navController.navigate("hf-model-select") },
+                            onBackClick = { finish() },
+                        )
+                    }
                 }
             }
         }