Jetpack составляет живой предварительный просмотр

Question

Я только начал работать над композицией Jetpack и скачал образец Jetnews .

Когда я открыл MainActivity или JetnewsApp.kt Мне не удается просмотреть предварительный просмотр функции Composable, я также добавил аннотацию @ Preview , ноневозможно увидеть предварительный просмотр в реальном времени.

Может кто-нибудь, пожалуйста, помогите мне найти предварительный просмотр.
Заранее спасибо.

Answer 1

Если ваше превью никогда не отображается после добавления @Preview аннотации в JetnewsApp классе. В моем случае после добавления @Preview я закрываю проект, а затем снова открываю проект, у меня все работает нормально в Macbook pro.

Answer 2

In JetnewsApp , SelectTopicButton.kt имеют только @Preview() теги. Когда в любом файле у нас есть @Preview(), он автоматически покажет предварительный просмотр в правой части.

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

Чтобы получить предварительный просмотр в реальном времени, нам нужно добавить тег @Preview перед тегом @Composable, и веселье должно что-то визуализировать.

Я попытался добавить @Preview() и @Preview("MyScreen preview") в JetnewsApp.kt, и он показывает предварительный просмотр.

Answer 3

Обновление:

Перед этим нам нужно добавить @Preview на JetnewsApp, чтобы получить предварительный просмотр.

@Preview
@Composable
fun JetnewsApp() { ... }

---

Вам просто нужноустановите флажок «Показать украшения» , чтобы отобразить реальный предварительный просмотр макета.

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

Проверьте изображение ниже:

Обновление 2:

Также отключите и перезапустите Android Studio, если она сначала не работает. Помните, что это все еще в разработке.