[Kotlin, Android] 안드로이드 스튜디오 디자인 화면 안보이는 문제 해결

 

[문제 상황]

 

아래의 이미지와 같이 레이아웃을 그릴 때 디자인 화면이 보이지 않는 문제가 발생했다.

xml을 작성할 때 화면 오른쪽의 디자인 화면을 보면서 작성해야 하기 때문에 문제 해결이 필요했다.

 

 

[문제 해결]

 

상단 오른쪽의 빨간 느낌표 버튼을 눌러준다.

 

 

버튼을 눌러주면 디자인 화면 하단에 위와 같은 Render Problem이 뜬다.

디자인 화면이 나타나지 않는 이유를 설명하고 있다.

TabItem의 코드 상의 오류가 있다고 한다.

 

<com.google.android.material.tabs.TabLayout
    android:id="@+id/main_bottom_tab_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:backgroundTint="@color/color_type2" />
</com.google.android.material.tabs.TabLayout>

 

tab layout에는 오직 tabItem만 인스턴스로 넣을 수 있는데 실수로 image View를 넣어줬다.

코드를 수정해주자 아래와 같은 메시지가 뜬다.

 

No speakable text present

This item may not have a label readable by screen readers.

 

나타낼 문제가 없다는 뜻이다.

 

xml에서 발생한 에러를 확인하는 방법을 배웠다.