Feat: 웹뷰 화면 구현

Author: wjdrjs00

presentation/src/main/java/com/threegap/bitnagil/presentation/webview/BitnagilWebViewScreen.kt

@@ -0,0 +1,124 @@
+package com.threegap.bitnagil.presentation.webview
+
+import android.view.ViewGroup
+import android.webkit.WebResourceRequest
+import android.webkit.WebView
+import android.webkit.WebViewClient
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+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.size
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.filled.ArrowBack
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.viewinterop.AndroidView
+import com.threegap.bitnagil.designsystem.BitnagilTheme
+
+@Composable
+fun BitnagilWebViewScreen(
+    title: String,
+    url: String,
+    onBackClick: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    val context = LocalContext.current
+    val webView = remember {
+        WebView(context).apply {
+            webViewClient = object : WebViewClient() {
+                override fun shouldOverrideUrlLoading(
+                    view: WebView?,
+                    request: WebResourceRequest?,
+                ): Boolean {
+                    val requestUrl = request?.url?.toString()
+                    return requestUrl?.contains("notion.site") != true
+                }
+            }
+
+            settings.apply {
+                javaScriptEnabled = true
+                domStorageEnabled = true
+                allowFileAccess = false
+                allowContentAccess = false
+            }
+
+            layoutParams = ViewGroup.LayoutParams(
+                ViewGroup.LayoutParams.MATCH_PARENT,
+                ViewGroup.LayoutParams.MATCH_PARENT,
+            )
+        }
+    }
+
+    DisposableEffect(webView) {
+        onDispose {
+            webView.destroy()
+        }
+    }
+
+    Column(
+        modifier = modifier
+            .fillMaxSize()
+            .background(BitnagilTheme.colors.white),
+    ) {
+        Box(
+            modifier = Modifier
+                .height(54.dp)
+                .fillMaxWidth(),
+        ) {
+            // todo: 아이콘 수정하기
+            Icon(
+                imageVector = Icons.AutoMirrored.Filled.ArrowBack,
+                contentDescription = null,
+                modifier = Modifier
+                    .align(Alignment.CenterStart)
+                    .padding(start = 4.dp)
+                    // todo: 리플효과 제거하기
+                    .clickable(
+                        onClick = onBackClick,
+                    )
+                    .size(36.dp),
+            )
+
+            Text(
+                text = title,
+                color = BitnagilTheme.colors.coolGray10,
+                style = BitnagilTheme.typography.title3SemiBold,
+                modifier = Modifier
+                    .align(Alignment.Center),
+            )
+        }
+
+        AndroidView(
+            modifier = Modifier.fillMaxSize(),
+            factory = { webView },
+            update = { view ->
+                if (view.url != url) {
+                    view.loadUrl(url)
+                }
+            },
+        )
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+private fun BitnagilWebViewScreenPreview() {
+    BitnagilWebViewScreen(
+        title = "약관 동의",
+        url = "",
+        onBackClick = {},
+    )
+}