[BOOK-192] fix: BottomNavigationUi Android 15 버전에서 statusBar 색상 조정할 수 없는 문제 해결

BottomNavigation -> BottomNavigationUi 네이밍 변경(통일성)

Author: easyhooon

feature/home/src/main/kotlin/com/ninecraft/booket/feature/home/HomeUi.kt

@@ -12,6 +12,7 @@ import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.statusBarsPadding
 import androidx.compose.foundation.pager.HorizontalPager
 import androidx.compose.foundation.pager.rememberPagerState
 import androidx.compose.foundation.shape.CircleShape
@@ -41,8 +42,6 @@ internal fun HomeUi(
     state: HomeUiState,
     modifier: Modifier = Modifier,
 ) {
-    HandleHomeSideEffects(state = state)
-
     // TODO: Android 15에서 statusBar 색상 적용 안되는 문제 있음. 해결 예정.
     val systemUiController = rememberSystemUiController()
 
@@ -59,20 +58,23 @@ internal fun HomeUi(
         }
     }
 
+    HandleHomeSideEffects(state = state)
+
     Column(
-        modifier = modifier.fillMaxSize(),
+        modifier = modifier
+            .fillMaxSize()
+            .background(HomeBg)
+            .statusBarsPadding()
     ) {
         HomeHeader(
             onSettingsClick = {
                 state.eventSink(HomeUiEvent.OnSettingsClick)
             },
-            modifier = modifier,
         )
         HomeBanner(
             onBookRegisterClick = {
                 state.eventSink(HomeUiEvent.OnBookRegisterClick)
             },
-            modifier = modifier,
         )
         HomeContent(
             state = state,

feature/library/build.gradle.kts

@@ -17,5 +17,7 @@ ksp {
 dependencies {
     implementations(
         libs.logger,
+
+        libs.compose.system.ui.controller,
     )
 }

feature/library/src/main/kotlin/com/ninecraft/booket/feature/library/LibraryUi.kt

@@ -8,10 +8,12 @@ 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.statusBarsPadding
 import androidx.compose.foundation.lazy.items
 import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.stringResource
@@ -20,7 +22,9 @@ import com.ninecraft.booket.core.designsystem.DevicePreview
 import com.ninecraft.booket.core.designsystem.component.button.ReedButton
 import com.ninecraft.booket.core.designsystem.component.button.ReedButtonColorStyle
 import com.ninecraft.booket.core.designsystem.component.button.largeButtonStyle
+import com.ninecraft.booket.core.designsystem.theme.HomeBg
 import com.ninecraft.booket.core.designsystem.theme.ReedTheme
+import com.ninecraft.booket.core.designsystem.theme.White
 import com.ninecraft.booket.core.model.LibraryBookSummaryModel
 import com.ninecraft.booket.core.ui.component.InfinityLazyColumn
 import com.ninecraft.booket.core.ui.component.LoadStateFooter
@@ -31,21 +35,44 @@ import com.ninecraft.booket.feature.screens.LibraryScreen
 import com.slack.circuit.codegen.annotations.CircuitInject
 import dagger.hilt.android.components.ActivityRetainedComponent
 import kotlinx.collections.immutable.persistentListOf
+import tech.thdev.compose.exteions.system.ui.controller.rememberSystemUiController
 
 @CircuitInject(LibraryScreen::class, ActivityRetainedComponent::class)
 @Composable
 internal fun LibraryUi(
     state: LibraryUiState,
     modifier: Modifier = Modifier,
 ) {
+    // TODO: Android 15에서 statusBar 색상 적용 안되는 문제 있음. 해결 예정.
+    val systemUiController = rememberSystemUiController()
+
+    DisposableEffect(systemUiController) {
+        systemUiController.setStatusBarColor(
+            color = White,
+            darkIcons = true,
+        )
+        onDispose {}
+    }
+
     HandleLibrarySideEffects(
         state = state,
         eventSink = state.eventSink,
     )
 
     Column(
-        modifier = modifier.fillMaxSize(),
+        modifier = modifier
+            .fillMaxSize()
+            .statusBarsPadding(),
     ) {
+        LibraryHeader(
+            onSearchClick = {
+                state.eventSink(LibraryUiEvent.OnLibrarySearchClick)
+            },
+            onSettingClick = {
+                state.eventSink(LibraryUiEvent.OnSettingsClick)
+            },
+        )
+
         LibraryContent(
             state = state,
             modifier = modifier,
@@ -63,14 +90,6 @@ internal fun LibraryContent(
         horizontalAlignment = Alignment.CenterHorizontally,
         verticalArrangement = Arrangement.Center,
     ) {
-        LibraryHeader(
-            onSearchClick = {
-                state.eventSink(LibraryUiEvent.OnLibrarySearchClick)
-            },
-            onSettingClick = {
-                state.eventSink(LibraryUiEvent.OnSettingsClick)
-            },
-        )
         FilterChipGroup(
             filterList = state.filterChips,
             selectedChipOption = state.currentFilter,

…ain/bottomnavigation/BottomNavigation.kt …n/bottomnavigation/BottomNavigationUi.ktfeature/main/src/main/kotlin/com/ninecraft/booket/feature/main/bottomnavigation/BottomNavigation.kt renamed to feature/main/src/main/kotlin/com/ninecraft/booket/feature/main/bottomnavigation/BottomNavigationUi.kt feature/main/src/main/kotlin/com/ninecraft/booket/feature/main/bottomnavigation/BottomNavigation.kt renamed to feature/main/src/main/kotlin/com/ninecraft/booket/feature/main/bottomnavigation/BottomNavigationUi.kt

@@ -1,9 +1,11 @@
 package com.ninecraft.booket.feature.main.bottomnavigation
 
+import androidx.compose.foundation.layout.WindowInsets
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
 import com.ninecraft.booket.core.ui.ReedScaffold
 import com.ninecraft.booket.feature.main.component.MainBottomBar
 import com.ninecraft.booket.feature.main.component.MainTab
@@ -15,7 +17,7 @@ import kotlinx.collections.immutable.toImmutableList
 
 @CircuitInject(BottomNavigationScreen::class, ActivityRetainedComponent::class)
 @Composable
-fun BottomNavigation(
+fun BottomNavigationUi(
     state: BottomNavigationUiState,
     modifier: Modifier = Modifier,
 ) {
@@ -30,6 +32,7 @@ fun BottomNavigation(
                 },
             )
         },
+        contentWindowInsets = WindowInsets(top = 0.dp)
     ) { innerPadding ->
         NavigableCircuitContent(
             navigator = state.navigator,