[Android, Kotlin] Compose UI 정리(7)

이전 포스팅

https://rkdrkd-history.tistory.com/50

[Android, Kotlin] Compose UI 정리(6)

 

이번 포스팅에서는 필자가 compose를 사용하다가 알게 된 정보를 끄적여보겠다.

이번에 알게 된 정보는 제목 보면 알 수 있듯이 화면전환(navigate) 도중 데이터를 전달하는 방법을 알아보도록 하겠다.

(compose navigate 도중 데이터를 전달하는 것은 우리가 평소에 사용했던 intent의 putextra와 비슷하다.)

필자가 아직 제대로 이해한 게 아니라서 설명이 부족할 수 있으니 양해 바란다.

아무튼 잡담은 여기까지 하고 진짜로 알아보도록 하자.

---

 

1. 전달할 데이터 넣기

화면에 데이터를 전달하려면 화면의 구성이 전달하는 쪽과 전달받는 쪽이 있을 건데, 먼저 데이터를 전달하는 쪽에서 작업을 해주도록 하자.

(필자의 경우에는 data class 데이터를 전달해야 했었다.)

 

navController.currentBackStackEntry?.savedStateHandle?.set(key = "key string", value = value)
navController.navigate("route")

key에는 putExtra 사용할 때처럼 전달할 데이터의 key값을 넣고, value에 자신이 진짜로 전달하고 싶은 데이터를 넣으면 된다.

그리고 두 번째 줄에 이동할 screen의 route를 넣는다.

 

(예시)

navController.currentBackStackEntry?.savedStateHandle?.set(key = "data", value = movieItemData)
navController.navigate(Screen.Detail.route)

 

 

2. 데이터 받아오기

이제 데이터를 받아오면 되는데, 필자의 경우에는 navhost 안에서 데이터를 받아왔다.

composable("route") {
        val data = remember {
            navController.previousBackStackEntry?.savedStateHandle?.get<MovieItemData>("key string")
        }
        // TODO
}

전달할 데이터를 가져올 data 변수를 만들어준다.(뒤의 key값은 전달한 key값과 같아야 한다.)

 

(예시)

composable(Screen.Detail.route) {
    val data = remember {
        navController.previousBackStackEntry?.savedStateHandle?.get<MovieItemData>("data")
    }
    DetailScreen(data)
}

필자의 예시에서는 data를 받아와서 detailScreen에서 활용했다.

---

 

 

정리

필자가 처음 검색했을 때는 검색해도 풀려있는 정보가 많지 않아서 애먹었었는데, 어느 한 분(?)의 도움으로 무사히 navigate 할 때 데이터를 전달할 수 있었다.(감사합니다(꾸벅))

 

참고한 블로그

https://velog.io/@zinkiki/AndroidCompose-navigation%EB%84%A4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98-%EA%B5%AC%ED%98%84

[Android/Compose] navigation/네비게이션 구현

 

아직 compose에 대한 정보가 많이 안 풀려있는 것 같아서 다른 기능을 구현하려고 검색할 때에도 애먹을 것 같다.

빨리 상용화가 완료돼서 많이 정보가 풀렸으면 좋겠다.