A modern programming language that makes developers happier.

kotlinlang

image.png

Hello everyone,

Someone knows how to solve this preview problem??

What's the problem? seems that it renders the UI correctly

But it does not show the entire phone :thinking_face:

It doesn't do that by default. I believe there's a flag you can pass to the preview annotation to enable system decorations.

```    val name: String = "",
    val group: String = "",
    @IntRange(from = 1) val apiLevel: Int = -1,
    val theme: String = "",
    // TODO(mount): Make this Dp when they are inline classes
    val widthDp: Int = -1,
    // TODO(mount): Make this Dp when they are inline classes
    val heightDp: Int = -1,
    val locale: String = "",
    @FloatRange(from = 0.01) val fontScale: Float = 1f,
    val showDecoration: Boolean = false,
    val showBackground: Boolean = false```


Kinda think they should keep it square?  Compose is to run on lots of different form factors and keeping the preview square will remind people to *not* think "phone only" ... just a thought:thinking_face:

I like the "storybook" effect where previews can show how to use components very nicely, I think only square preview views would would make that less nice. Maybe would be cool to allow for previews to specify a list of supported aspect ratios and allow developers to switch between them in preview though :smile:

<@U19052487> We are building SwiftUI for a piece of "display fabric" and it helped not thinking about a phone ... And XCode does exactly your idea, w*ith a "live preview"*.
<https://developer.apple.com/videos/play/wwdc2019/233/>
Sure the Compose team will get there as they build out the tooling :tada:

As in it forces decorations to be on? ah I can see how that's not helpful