Android/Android Studio

[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

 

issuetracker.google.com

 

내 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 버전 변경 시 문제가 생길 수 있기 때문에 규모가 큰 프로젝트에서는 충분히 라이브러리나 툴들의 호환성을 확인한 후에 업그레이드를 해야 한다.
반응형

 

이 글의 저작권은 Dev World 에 있습니다. 글, 이미지 무단 재배포 및 변경을 금지합니다.

 

 

Kotlin, Android, Spring 사용자 오픈 카톡

오셔서 궁금한 점을 질문해보세요!
비밀번호 : kotlin22

open.kakao.com