Merge pull request #27 from hrach/modal-sheet-fixes

Fixes for ModalSheet

Author: hrach

demo/build.gradle.kts

@@ -16,7 +16,7 @@ android {
 	defaultConfig {
 		applicationId = "dev.hrach.navigation.demo"
 		minSdk = 26
-		targetSdk = 34
+		targetSdk = 35
 		versionName = "1.0.0"
 		versionCode = 1
 		testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
@@ -48,6 +48,7 @@ android {
 
 	lint {
 		disable.add("GradleDependency")
+		disable.add("OldTargetApi")
 		abortOnError = true
 		warningsAsErrors = true
 	}

demo/src/main/kotlin/dev/hrach/navigation/demo/NavHost.kt

@@ -1,5 +1,6 @@
 package dev.hrach.navigation.demo
 
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.navigation.NavHostController
 import androidx.navigation.compose.NavHost
@@ -34,6 +35,6 @@ internal fun NavHost(
 		modalSheet<Destinations.Modal2> { Modal2() }
 		bottomSheet<Destinations.BottomSheet> { BottomSheet(navController) }
 	}
-	ModalSheetHost(modalSheetNavigator)
+	ModalSheetHost(modalSheetNavigator, containerColor = MaterialTheme.colorScheme.background)
 	BottomSheetHost(bottomSheetNavigator)
 }

demo/src/main/kotlin/dev/hrach/navigation/demo/screens/Modal1.kt

@@ -1,14 +1,14 @@
 package dev.hrach.navigation.demo.screens
 
 import android.annotation.SuppressLint
-import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.WindowInsets
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.systemBars
 import androidx.compose.foundation.layout.windowInsetsPadding
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.OutlinedButton
+import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
@@ -42,19 +42,22 @@ private fun Modal1(
 	navigate: (Any) -> Unit,
 	bottomSheetResult: Int,
 ) {
-	Column(
-		Modifier
-			.fillMaxSize()
-			.background(MaterialTheme.colorScheme.surface)
-			.windowInsetsPadding(WindowInsets.systemBars),
+	Surface(
+		color = MaterialTheme.colorScheme.inverseSurface,
 	) {
-		Text("Modal 1")
-		OutlinedButton(onClick = { navigate(Destinations.Modal2) }) {
-			Text("Modal 2")
+		Column(
+			modifier = Modifier
+				.fillMaxSize()
+				.windowInsetsPadding(WindowInsets.systemBars),
+		) {
+			Text("Modal 1")
+			OutlinedButton(onClick = { navigate(Destinations.Modal2) }) {
+				Text("Modal 2")
+			}
+			OutlinedButton(onClick = { navigate(Destinations.BottomSheet) }) {
+				Text("BottomSheet")
+			}
+			Text("BottomSheetResult: $bottomSheetResult")
 		}
-		OutlinedButton(onClick = { navigate(Destinations.BottomSheet) }) {
-			Text("BottomSheet")
-		}
-		Text("BottomSheetResult: $bottomSheetResult")
 	}
 }

gradle/libs.versions.toml

@@ -9,6 +9,7 @@ kotlin-serialization-core = "org.jetbrains.kotlinx:kotlinx-serialization-core:1.
 kotlin-serialization-json = "org.jetbrains.kotlinx:kotlinx-serialization-json:1.6.3"
 appcompat = "androidx.appcompat:appcompat:1.6.1"
 androidx-lifecycle-runtime = "androidx.lifecycle:lifecycle-runtime:2.8.1"
+compose-foundation = "androidx.compose.foundation:foundation:1.6.8"
 compose-material3 = "androidx.compose.material3:material3:1.3.0-beta04"
 navigation-compose = "androidx.navigation:navigation-compose:2.8.0-beta04"
 junit = { module = "junit:junit", version = "4.13.2" }

modalsheet/build.gradle.kts

@@ -55,6 +55,7 @@ kotlinter {
 
 dependencies {
 	implementation(libs.appcompat)
+	implementation(libs.compose.foundation)
 	implementation(libs.navigation.compose)
 
 	testImplementation(libs.junit)