[feat] Custom SnackBar 제작

app/src/main/java/org/android/bbangzip/presentation/component/snackbar/BbangZipSnackBar.kt

@@ -0,0 +1,37 @@
+package org.android.bbangzip.presentation.component.snackbar
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun BbangZipSnackBar(
+    text: String,
+    textStyle: TextStyle,
+    textColor: Color,
+    containerColor: Color,
+    modifier: Modifier = Modifier,
+) {
+    Box(
+        modifier =
+            modifier
+                .padding(12.dp)
+                .background(color = containerColor, shape = RoundedCornerShape(size = 16.dp))
+                .padding(vertical = 11.dp, horizontal = 24.dp),
+        contentAlignment = Alignment.Center,
+    ) {
+        Text(
+            text = text,
+            style = textStyle,
+            color = textColor,
+        )
+    }
+}

app/src/main/java/org/android/bbangzip/presentation/component/snackbar/BbangZipSnackBarHost.kt

@@ -0,0 +1,26 @@
+package org.android.bbangzip.presentation.component.snackbar
+
+import androidx.compose.material3.SnackbarHost
+import androidx.compose.material3.SnackbarHostState
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import org.android.bbangzip.ui.theme.BbangZipTheme
+
+@Composable
+fun BbangZipSnackBarHost(
+    snackBarHostState: SnackbarHostState,
+    modifier: Modifier = Modifier,
+) {
+    SnackbarHost(
+        modifier = modifier,
+        hostState = snackBarHostState,
+        snackbar = { data ->
+            BbangZipSnackBar(
+                text = data.visuals.message,
+                textStyle = BbangZipTheme.typography.label2Bold,
+                textColor = BbangZipTheme.colors.staticWhite_FFFFFF,
+                containerColor = BbangZipTheme.colors.labelAlternative_282119_61,
+            )
+        },
+    )
+}

app/src/main/java/org/android/bbangzip/presentation/ui/navigator/MainNavHost.kt

@@ -6,6 +6,7 @@ import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.SnackbarHostState
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.navigation.compose.NavHost
@@ -20,6 +21,7 @@ fun MainNavHost(
     modifier: Modifier = Modifier,
     navigator: MainNavigator,
     padding: PaddingValues,
+    snackBarHostState: SnackbarHostState,
 ) {
     Box(
         modifier =

app/src/main/java/org/android/bbangzip/presentation/ui/navigator/MainScreen.kt

@@ -5,10 +5,13 @@ import androidx.compose.foundation.layout.asPaddingValues
 import androidx.compose.foundation.layout.navigationBars
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.Scaffold
+import androidx.compose.material3.SnackbarHostState
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
 import okhttp3.internal.toImmutableList
+import org.android.bbangzip.presentation.component.snackbar.BbangZipSnackBarHost
 import org.android.bbangzip.presentation.type.BottomNavigationType
 import org.android.bbangzip.presentation.ui.navigator.component.BottomNavigationBar
 import org.android.bbangzip.ui.theme.BBANGZIPTheme
@@ -24,17 +27,20 @@ fun MainScreen(
 
 @Composable
 private fun MainScreenContent(
-    modifier: Modifier = Modifier,
     navigator: MainNavigator,
+    hostState: SnackbarHostState = remember { SnackbarHostState() },
+    modifier: Modifier = Modifier,
 ) {
     Scaffold(
         modifier = modifier.padding(WindowInsets.navigationBars.asPaddingValues()),
         content = { padding ->
             MainNavHost(
                 navigator = navigator,
                 padding = padding,
+                snackBarHostState = hostState,
             )
         },
+        snackbarHost = { BbangZipSnackBarHost(hostState) },
         bottomBar = {
             BottomNavigationBar(
                 isVisible = navigator.showBottomBar(),

app/src/main/java/org/android/bbangzip/presentation/ui/subject/SubjectScreen.kt

@@ -3,16 +3,57 @@ package org.android.bbangzip.presentation.ui.subject
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.Button
+import androidx.compose.material3.SnackbarHostState
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.launch
 import org.android.bbangzip.ui.theme.defaultBbangZipColors
 
 @Composable
 fun SubjectScreen(
     modifier: Modifier = Modifier,
 ) {
-    Column(modifier = Modifier.fillMaxSize().background(color = defaultBbangZipColors.backgroundNormal_FFFFFF)) {
+    Column(
+        modifier =
+            modifier
+                .fillMaxSize()
+                .background(color = defaultBbangZipColors.backgroundNormal_FFFFFF),
+    ) {
         Text("subject 탭")
     }
 }
+
+@Preview
+@Composable
+private fun SubjectScreenPreview() {
+    val snackBarHostState = remember { SnackbarHostState() }
+    val coroutineScope = rememberCoroutineScope()
+    Column(
+        modifier =
+            Modifier
+                .fillMaxSize()
+                .background(color = defaultBbangZipColors.backgroundNormal_FFFFFF),
+    ) {
+        Text("subject 탭")
+        Button(
+            onClick = {
+                coroutineScope.launch {
+                    val job =
+                        launch {
+                            snackBarHostState.currentSnackbarData?.dismiss()
+                            snackBarHostState.showSnackbar("안녕안녕")
+                        }
+                    delay(2000)
+                    job.cancel()
+                }
+            },
+        ) { Text("눌러") }
+    }
+}
+// 위에 코드는 클릭마다 스낵바가뜨고 2초후에 사라지게 만든 코드입니다