Merge pull request #184 from Team-Wable/feature/#183-android-15

[Feature/#183] android 15

Author: chanubc

.github/workflows/develop_PR_builder.yml

@@ -79,7 +79,7 @@ jobs:
             ${{ runner.os }}-gradle-
 
       - name: Build with Gradle
-        run: ./gradlew build -PcompileSdkVersion=34 --stacktrace --parallel
+        run: ./gradlew build -PcompileSdkVersion=36 --stacktrace --parallel
 
       - name: On Success, Notify in Slack
         if: ${{ success() }}

app/build.gradle.kts

@@ -25,7 +25,7 @@ fun String.removeQuotes(): String {
 
 android {
     namespace = "com.teamwable.wable"
-    compileSdk = 34
+    compileSdk = libs.versions.compileSdk.get().toInt()
 
     defaultConfig {
         applicationId = "com.teamwable.wable"

core/designsystem/src/main/java/com/teamwable/designsystem/extension/system/SetSystemUiColor.kt

@@ -98,14 +98,6 @@ fun Context.pxToDp(px: Int): Int {
     ).toInt()
 }
 
-fun Context.statusBarColorOf(
-    @ColorRes resId: Int,
-) {
-    if (this is Activity) {
-        window?.statusBarColor = colorOf(resId)
-    }
-}
-
 fun Context.statusBarModeOf(isLightStatusBar: Boolean = true) {
     if (this is Activity) {
         window.apply {

core/ui/src/main/java/com/teamwable/ui/extensions/ContextExt.kt

@@ -46,12 +46,6 @@ val Fragment.viewLifeCycle
 val Fragment.viewLifeCycleScope
     get() = viewLifecycleOwner.lifecycleScope
 
-fun Fragment.statusBarColorOf(
-    @ColorRes resId: Int,
-) {
-    requireActivity().statusBarColorOf(resId)
-}
-
 fun Fragment.openUri(uri: String) {
     Intent(Intent.ACTION_VIEW, Uri.parse(uri)).also {
         runCatching { startActivity(it) }

core/ui/src/main/java/com/teamwable/ui/extensions/FragmentExt.kt

@@ -0,0 +1,23 @@
+package com.teamwable.ui.extensions
+
+import android.view.View
+import androidx.annotation.ColorRes
+import androidx.core.view.ViewCompat
+import androidx.core.view.WindowInsetsCompat
+import androidx.core.view.updateLayoutParams
+
+fun View.visible(isVisible: Boolean) {
+    this.visibility = if (isVisible) View.VISIBLE else View.GONE
+}
+
+fun View.setStatusBarColor(@ColorRes resId: Int) {
+    setBackgroundResource(resId)
+
+    ViewCompat.setOnApplyWindowInsetsListener(this) { view, windowInsets ->
+        val insets = windowInsets.getInsets(WindowInsetsCompat.Type.statusBars())
+        view.updateLayoutParams {
+            height = insets.top
+        }
+        windowInsets
+    }
+}

core/ui/src/main/java/com/teamwable/ui/extensions/ViewExt.kt

@@ -1,7 +1,8 @@
 <resources>
     <!-- Base application theme. -->
     <style name="Base.Theme.Wable" parent="Theme.Material3.Light.NoActionBar">
-        <item name="android:statusBarColor">@android:color/white</item>
+        <item name="android:statusBarColor">@android:color/transparent</item>
+        <item name="android:navigationBarColor">@android:color/transparent</item>
         <item name="android:windowLightStatusBar">true</item>
         <item name="android:windowBackground">@color/white</item>
         <item name="android:windowIsTranslucent">true</item>

core/ui/src/main/java/com/teamwable/ui/extensions/ViewVisibleExt.kt

@@ -8,7 +8,9 @@ import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.aspectRatio
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.navigationBarsPadding
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.statusBarsPadding
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
@@ -37,8 +39,6 @@ import com.teamwable.common.util.AmplitudeSignInTag.CLICK_SIGNIN_KAKAO
 import com.teamwable.common.util.AmplitudeUtil.trackEvent
 import com.teamwable.designsystem.component.dialog.WableOneButtonDialog
 import com.teamwable.designsystem.extension.modifier.noRippleDebounceClickable
-import com.teamwable.designsystem.extension.system.SetStatusBarColor
-import com.teamwable.designsystem.theme.SystemLoginSystemAppBar
 import com.teamwable.designsystem.theme.WableTheme
 import com.teamwable.designsystem.type.DialogType
 
@@ -88,8 +88,6 @@ fun LoginRoute(
 fun LoginScreen(
     onLoginBtnClick: () -> Unit,
 ) {
-    SetStatusBarColor(color = SystemLoginSystemAppBar)
-
     val configuration = LocalConfiguration.current
     val screenHeightPx = with(LocalDensity.current) { configuration.screenHeightDp.dp.toPx() }
     val halfScreenHeightPx = screenHeightPx * 0.514f
@@ -114,6 +112,8 @@ fun LoginScreen(
                 ),
             ),
     ) {
+        Spacer(modifier = Modifier.statusBarsPadding())
+
         Image(
             painter = painterResource(id = com.teamwable.common.R.drawable.ic_share_logo),
             contentDescription = "",
@@ -156,6 +156,8 @@ fun LoginScreen(
                 .aspectRatio(6.56f)
                 .noRippleDebounceClickable { onLoginBtnClick() },
         )
+
+        Spacer(modifier = Modifier.navigationBarsPadding())
     }
 }
 

core/ui/src/main/res/values/themes.xml

@@ -5,12 +5,10 @@ import android.content.pm.ActivityInfo
 import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
 import com.teamwable.common.di.MAIN
 import com.teamwable.common.intentprovider.IntentProvider
-import com.teamwable.designsystem.extension.system.SetLightNavigationBar
-import com.teamwable.designsystem.extension.system.SetStatusBarColor
 import com.teamwable.designsystem.theme.WableTheme
-import com.teamwable.designsystem.theme.WableTheme.colors
 import dagger.hilt.android.AndroidEntryPoint
 import javax.inject.Inject
 
@@ -23,12 +21,11 @@ class MainComposeActivity : ComponentActivity() {
     @SuppressLint("SourceLockedOrientationActivity")
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
+        enableEdgeToEdge()
         requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_PORTRAIT
         setContent {
             WableTheme {
                 val navigator: MainNavigator = rememberMainNavigator()
-                SetStatusBarColor(color = colors.white)
-                SetLightNavigationBar()
                 MainScreen(
                     navigator = navigator,
                     intentProvider = intentProvider,