[feat] #62 Select Image in Gallery

Author: lsakee

core/designsystem/src/main/java/com/record/designsystem/component/navbar/TopNavigationBar.kt

@@ -16,6 +16,7 @@ import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.record.designsystem.theme.Background
 import com.record.designsystem.theme.RecordyTheme
+import com.record.designsystem.theme.White
 
 @Composable
 fun TopNavigationBar(
@@ -41,7 +42,7 @@ fun TopNavigationBar(
         Text(
             modifier = Modifier.align(Alignment.Center),
             text = title,
-            color = Color.White,
+            color = White,
             style = RecordyTheme.typography.title3,
         )
     }
@@ -54,7 +55,7 @@ fun RecordyTopNavigationBarPreview() {
         RecordyTheme {
             Column(
                 modifier = Modifier
-                    .background(Color.White)
+                    .background(Background)
                     .padding(vertical = 10.dp, horizontal = 10.dp),
                 verticalArrangement = Arrangement.spacedBy(10.dp),
             ) {

feature/upload/src/main/java/com/record/upload/UploadScreen.kt

@@ -0,0 +1,44 @@
+package com.record.upload
+
+import android.net.Uri
+import androidx.activity.compose.rememberLauncherForActivityResult
+import androidx.activity.result.PickVisualMediaRequest
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.unit.dp
+import coil.compose.AsyncImage
+import com.record.designsystem.component.navbar.TopNavigationBar
+import com.record.ui.lifecycle.LaunchedEffectWithLifecycle
+
+@Composable
+fun VideoPickerScreen() {
+    var uri by remember { mutableStateOf<Uri?>(null) }
+    val imagePicker = rememberLauncherForActivityResult(
+        contract = ActivityResultContracts.PickVisualMedia(),
+        onResult = { uri = it }
+    )
+    LaunchedEffect(Unit) {
+        imagePicker.launch(PickVisualMediaRequest(ActivityResultContracts.PickVisualMedia.VideoOnly))
+    }
+
+    Column(
+        modifier = Modifier
+            .background(Color.Transparent)
+    ) {
+        TopNavigationBar(title = "영상 선택", enableGradation = true)
+        AsyncImage(model = uri, contentDescription = null, modifier = Modifier.size(50.dp))
+    }
+}

feature/upload/src/main/java/com/record/upload/VideoPickerScreen.kt

@@ -6,7 +6,7 @@ import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
 import androidx.navigation.NavOptions
 import androidx.navigation.compose.composable
-import com.record.upload.UploadRoute
+import com.record.upload.VideoPickerScreen
 
 fun NavController.navigateUpload(navOptions: NavOptions) {
     navigate(UploadRoute.route, navOptions)
@@ -17,9 +17,7 @@ fun NavGraphBuilder.uploadNavGraph(
     modifier: Modifier = Modifier,
 ) {
     composable(route = UploadRoute.route) {
-        UploadRoute(
-            padding = padding,
-            modifier = modifier,
+        VideoPickerScreen(
         )
     }
 }