Jetpack Compose Phone Screen Layout Preview

2
votes

I'm new to Jetpack Compose. I created an app and as a preview I get only the views, in my case a text view.

How can I preview a screen and not an individual element?enter image description here

I want something like that:

enter image description here

I am using Android Studio 2020.3.1 Canary 8.

1
androidandroid-studioandroid-jetpack-compose
just build a composable function with more elements. – Gabriele Mariotti
But I won't see them in a screen preview. I want something like that blog.novoda.com/content/images/2016/10/… – Valentin
Use @Preview(showSystemUi = true) – Gabriele Mariotti
It works. Thanks! – Valentin

1 Answers

2
votes

Use the annotation @Preview(showSystemUi = true).

More info about the preview annotations here.