A pattern I'm trying for compose previews ```@Composable fun MyAppThemePreview( round: Boolean =...

# compose-wear

[yschimke]

A pattern I'm trying for compose previews

@Composable
fun MyAppThemePreview(
    round: Boolean = true,
    content: @Composable () -> Unit,
) {
    MyAppTheme {
        if (round) {
            Box(Modifier.fillMaxSize().background(Color.White)) {
            }
            Box(modifier = Modifier.fillMaxSize().clip(CircleShape).background(Color.DarkGray)) {
                content()
            }
        } else {
            Box(modifier = Modifier.fillMaxSize().background(Color.DarkGray)) {
                content()
            }
        }
    }
}

[Javier]

preview doesn't support watch devices?

[Javier]

inside the annotation

[yschimke]

This just gives it a hard circle border.

[yschimke]

message has been deleted

[yschimke]

Maybe I'm missing something, but was always a square display for me.

[Javier]

I think preview doesnt support wear devices

[Javier]

control click on @Preview annotation, then control click Devices.DEFAULT

[Javier]

and you can see there the devices supported

[yschimke]

Not sure what lacking without support, obviously device shape and size, but It's useful to have anyway.

@Preview(
    widthDp = 300,
    heightDp = 300,
    apiLevel = 26,
    uiMode = Configuration.UI_MODE_TYPE_WATCH,
)

[John Nichol]

We are looking at adding circular device support to studio preview in the future