[Android Studio] Layout Inspector에서 Compose View 들이 보이지 않는 현상 해결 방법

문제 상황

개발 테스트 도중 Android Studio Layout Inspector에서 Compose View들이 보이지 않고 아래와 같이, AndroidComposeView로만 뭉뚱그려 나오는 문제가 발생했다.

그림1. Layout Inspector이 Compose를 디버깅하지 못하는 현상

 

해결 방법

이 문제를 해결하기 위해서 Google Issue Tracker을 확인한 결과 다음 두가지의 요구사항이 필요함을 확인했다.

1. Android Studio Flamingo 이상의 버전 사용

2. 8.0.0 이상의 AGP(Android Gradle Plugin) 사용

참조: https://issuetracker.google.com/issues/246355403

Google Issue Tracker

 

내 Android Studio는 마침 딱 Flamingo를 사용하고 있어서 문제가 없었지만, AGP를 옛날 버전을 사용하고 있어서 문제가 생겼다.

이왕 하는 김에 Hedgehog(2023.1.1) 버전으로 업그레이드를 했고, 코드 규모가 크지 않은 프로젝트였기 때문에 AGP도 8.2.0으로 업그레이드를 진행했다.

 

모든 작업을 마친 후, Layout Inspector을 확인한 결과 다음과 같이 나오는 것을 확인할 수 있었다.

그림2. Layout Inspector 정상 동작

 

정리

• Layout Inspector을 통해 Compose View를 확인하고 싶다면, Android Studio 버전의 업그레이드와 AGP 버전의 업그레이드 필요하다.
• AGP 버전 변경 시 문제가 생길 수 있기 때문에 규모가 큰 프로젝트에서는 충분히 라이브러리나 툴들의 호환성을 확인한 후에 업그레이드를 해야 한다.