메인 페이지 compose 적용

Author: lyh990517

app/src/main/java/com/example/webrtc/MainActivity.kt

@@ -3,34 +3,31 @@ package com.example.webrtc
 import android.Manifest
 import android.content.Intent
 import android.content.pm.PackageManager
-import androidx.appcompat.app.AppCompatActivity
 import android.os.Bundle
 import android.util.Log
 import android.widget.Toast
+import androidx.activity.compose.setContent
 import androidx.activity.viewModels
 import androidx.appcompat.app.AlertDialog
+import androidx.appcompat.app.AppCompatActivity
 import androidx.core.app.ActivityCompat
 import androidx.core.content.ContextCompat
 import androidx.lifecycle.lifecycleScope
 import com.example.domain.state.FireStoreState
+import com.example.presentaion.view.MainScreen
 import com.example.presentaion.viewmodel.FireStoreViewModel
-import com.example.webrtc.databinding.ActivityMainBinding
-import com.google.android.material.snackbar.Snackbar
-import com.google.firebase.firestore.ktx.firestore
-import com.google.firebase.ktx.Firebase
 import dagger.hilt.android.AndroidEntryPoint
 import kotlinx.coroutines.launch
 
 @AndroidEntryPoint
 class MainActivity : AppCompatActivity() {
-    private lateinit var binding: ActivityMainBinding
     private val viewModel: FireStoreViewModel by viewModels()
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        binding = ActivityMainBinding.inflate(layoutInflater)
-        binding.viewModel = viewModel
-        setContentView(binding.root)
         checkCameraAndAudioPermission()
+        setContent {
+            MainScreen(viewModel = viewModel)
+        }
         collectState()
     }
 
@@ -50,7 +47,7 @@ class MainActivity : AppCompatActivity() {
                     }
 
                     is FireStoreState.RoomAlreadyEnded -> {
-                        Snackbar.make(binding.root, "이미 사용된 방입니다.", Snackbar.LENGTH_SHORT).show()
+                        Toast.makeText(this@MainActivity,"이미 사용된 방입니다.",Toast.LENGTH_SHORT).show()
                     }
 
                     is FireStoreState.Idle -> {

app/src/main/res/layout/activity_main.xml

@@ -1,6 +1,6 @@
 <resources xmlns:tools="http://schemas.android.com/tools">
     <!-- Base application theme. -->
-    <style name="Theme.WebRTC" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
+    <style name="Theme.WebRTC" parent="Theme.MaterialComponents.DayNight.NoActionBar">
         <!-- Primary brand color. -->
         <item name="colorPrimary">@color/purple_500</item>
         <item name="colorPrimaryVariant">@color/purple_700</item>

app/src/main/res/values/themes.xml

@@ -0,0 +1,35 @@
+package com.example.presentaion.view
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.material.Button
+import androidx.compose.material.OutlinedTextField
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.State
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import com.example.presentaion.viewmodel.FireStoreViewModel
+
+@Composable
+fun MainScreen(viewModel: FireStoreViewModel) {
+    val roomId = remember { mutableStateOf("") }
+    Column() {
+        SearchBar(roomId) {
+            roomId.value = it
+        }
+        Button(onClick = { viewModel.getRoomInfo(roomId.value, false) }) {
+            Text(text = "Enter")
+        }
+        Button(onClick = { viewModel.getRoomInfo(roomId.value, true) }) {
+            Text(text = "Join")
+        }
+    }
+}
+
+@Composable
+fun SearchBar(
+    state: State<String>,
+    onValueChange: (String) -> Unit
+) {
+    OutlinedTextField(value = state.value, onValueChange = onValueChange)
+}

presentaion/src/main/java/com/example/presentaion/view/MainScreen.kt

@@ -17,13 +17,12 @@ class FireStoreViewModel @Inject constructor(
 ) : ViewModel() {
     private val _state = MutableStateFlow<FireStoreState>(FireStoreState.Idle)
     val state = _state.asStateFlow()
-    val roomId = MutableStateFlow("")
-    fun getRoomInfo(isJoin: Boolean) = viewModelScope.launch {
-        getRoomInfoUseCase(roomId.value).collect { snapshot ->
+    fun getRoomInfo(roomId: String, isJoin: Boolean) = viewModelScope.launch {
+        getRoomInfoUseCase(roomId).collect { snapshot ->
             if (snapshot["type"] == "END_CALL") {
                 _state.emit(FireStoreState.RoomAlreadyEnded)
             } else {
-                _state.emit(FireStoreState.EnterRoom(roomId.value, isJoin))
+                _state.emit(FireStoreState.EnterRoom(roomId, isJoin))
             }
         }
     }