Почему экран моего дизайна серый и отображает только «androidx.constraintlayout.ConstraintLayout» в Android Studio?

Question

Я пытаюсь следить за плейлистом на YouTube от CodingInFlow для Android Разработка студии.

Я пытаюсь следить за этим видео, но у меня возникла проблема ... https://www.youtube.com/watch?v=-sPOtGqd5OA&list=PLrnPJCHvNZuBtcos16XJnfFx2fSUOyW_-&index=9

Мой экран дизайна просто отображается в виде серого прямоугольника, и я получаю сообщение об ошибке "androidx.constraintlayout.ConstraintLayout (класс не найден)."

См. Код и пример изображения здесь:

В видео он не использует AndroidX, и его открывающая метка отличается от моей в его файлах. xml.

Его открывающий тег для его. xml документа: android .support.constraint .ConstraintLayout

Мой открывающий тег для моего. xml документа: androidx.constraintlayout .ConstraintLayout

Как я могу это исправить, чтобы дизайн отображал, где в данный момент находится серая рамка?

Спасибо

Answer 1

Убедитесь, что вы перешли на androidx

https://developer.android.com/jetpack/androidx/migrate

добавьте эту строку в build.gradle

dependencies {
    implementation "androidx.constraintlayout:constraintlayout:2.0.0-beta4"
}

in ваш xml

<androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/constraintLayout"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

</androidx.constraintlayout.widget.ConstraintLayout>

Answer 2

Возможно, вы упускаете библиотеку, и она не распознается.

Откройте свой build.gradle (приложение) и добавьте:

  implementation 'androidx.constraintlayout:constraintlayout:1.1.3'

Видео немного устарело в отношении библиотеки "androidx", поэтому его тег отличается от вашего. Так что вам придется добавить библиотеку, которая его поддерживает.