Fix items hidden under nav bar (#94)

Author: PranavPurwar

app/src/main/java/dev/pranav/applock/MainActivity.kt

@@ -3,11 +3,6 @@ package dev.pranav.applock
 import android.os.Bundle
 import androidx.activity.compose.setContent
 import androidx.activity.enableEdgeToEdge
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.material3.MaterialTheme
-import androidx.compose.ui.Modifier
 import androidx.fragment.app.FragmentActivity
 import androidx.lifecycle.Lifecycle
 import androidx.lifecycle.compose.LifecycleEventEffect
@@ -29,22 +24,16 @@ class MainActivity : FragmentActivity() {
 
         setContent {
             AppLockTheme {
-                Box(
-                    modifier = Modifier
-                        .fillMaxSize()
-                        .background(MaterialTheme.colorScheme.background)
-                ) {
-                    val navController = rememberNavController()
-                    val startDestination = navigationManager.determineStartDestination()
+                val navController = rememberNavController()
+                val startDestination = navigationManager.determineStartDestination()
 
-                    AppNavHost(
-                        navController = navController,
-                        startDestination = startDestination
-                    )
+                AppNavHost(
+                    navController = navController,
+                    startDestination = startDestination
+                )
 
-                    LifecycleEventEffect(Lifecycle.Event.ON_RESUME) {
-                        handleOnResume(navController)
-                    }
+                LifecycleEventEffect(Lifecycle.Event.ON_RESUME) {
+                    handleOnResume(navController)
                 }
             }
         }

appintro/src/main/java/dev/pranav/appintro/AppIntro.kt

@@ -11,14 +11,14 @@ import androidx.compose.animation.scaleOut
 import androidx.compose.animation.slideInVertically
 import androidx.compose.animation.slideOutVertically
 import androidx.compose.animation.togetherWith
-import androidx.compose.foundation.background
 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.navigationBarsPadding
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.pager.HorizontalPager
 import androidx.compose.foundation.pager.PagerState
@@ -39,8 +39,6 @@ import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
-import androidx.compose.ui.graphics.Brush
-import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import kotlinx.coroutines.launch
@@ -78,15 +76,13 @@ fun AppIntro(
     val coroutineScope = rememberCoroutineScope()
     val colorScheme = MaterialTheme.colorScheme
 
-    // Remember the current page backgroundColor for button tinting
     val currentPageColor by remember(pagerState.currentPage) {
         derivedStateOf {
             pages.getOrNull(pagerState.currentPage)?.backgroundColor
                 ?: colorScheme.primary
         }
     }
 
-    // Remember the current page text color for buttons
     val currentPageTextColor by remember(pagerState.currentPage) {
         derivedStateOf {
             pages.getOrNull(pagerState.currentPage)?.contentColor
@@ -97,16 +93,18 @@ fun AppIntro(
     Box(
         modifier = Modifier.fillMaxSize()
     ) {
-        // Content pager
         if (useAnimatedPager) {
             AnimatedIntroPager(
                 pages = pages,
-                pagerState = pagerState
+                pagerState = pagerState,
+                modifier = Modifier
+                    .fillMaxSize()
             )
         } else {
             HorizontalPager(
                 state = pagerState,
-                modifier = Modifier.fillMaxSize()
+                modifier = Modifier
+                    .fillMaxSize()
             ) { page ->
                 IntroPageContent(
                     page = pages[page],
@@ -116,20 +114,10 @@ fun AppIntro(
             }
         }
 
-        // Bottom navigation with gradient overlay
         Box(
             modifier = Modifier
                 .align(Alignment.BottomCenter)
                 .fillMaxWidth()
-                .background(
-                    Brush.verticalGradient(
-                        colors = listOf(
-                            Color.Transparent,
-                            Color.Black.copy(alpha = 0.1f),
-                            Color.Black.copy(alpha = 0.2f)
-                        )
-                    )
-                )
         ) {
             Column(
                 modifier = Modifier
@@ -149,7 +137,9 @@ fun AppIntro(
 
                 // Buttons
                 Row(
-                    modifier = Modifier.fillMaxWidth(),
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .navigationBarsPadding(),
                     verticalAlignment = Alignment.CenterVertically
                 ) {
                     // Skip button with animation