Hey everyone! How do you preview both light and dark mode in compose multiplatform? Unlike the andro...

# compose

[Ruben Quadros]

Hey everyone! How do you preview both light and dark mode in compose multiplatform?
Unlike the android annotation the multiplatform one doesnt support any params

[Wout Werkman]

It's currently not possible. At this moment the workaround is to place such preview in your android sources.

[Ruben Quadros]

I have added it in the android source set but there is no preview available (no gutter icon)

[Wout Werkman]

Ah I am sorry, in Fleet Android previews are under a feature flag atm (they are under construction). You can set this flag in your project settings file.
This setting can be found in .fleet/settings.json. If you can not find it, go to settings, click on VIBESYNC, and then click on any of the "Edit in settings.json" buttons, it will create the file for you.

In this settings file, you can set the feature flag:
compose.previews.android.enabled

[Ilia Bogdanovich [JetBrains]]

just wanted to add on to what Wout said: these flags work only from Fleet 1.39+

[Ruben Quadros]

ahh okay thanks for pointing that out! My current version is 1.38.89 Let me try in newer versions

[Ruben Quadros]

Fleet 1.39+ is this available? Toolbox says mine is the latest one available 😛

[Wout Werkman]

Yeah sorry, I messed up, I accidentally gave you a sneak peak! I'll let you know when I know that it will be released :)

[Ruben Quadros]

hehehe thanks! Looking forward to it! Btw do you plan to provide similar functionality in the cmp preview?

[Ilia Bogdanovich [JetBrains]]

also please note that Android Previews in 1.39 will still be in an early development stage. It can have some significant issues. We are aiming to make it stable and release in 1.40 or even 1.41.
It will also allow you to preview code from common source sets (I mean, pretending it's Android).

[Wout Werkman]

provide similar functionality in the cmp preview

(Assuming that you mean the annotation customisations)
This requires coordination with quite some teams, it's already an annoyance that there are 3 different @Preview annotations, so we should be careful with further changes around these declarations.
So how exactly you will be able to customize your common previews is being discussed :)

[Wout Werkman]

1.39 has been released! Let us know what you think :)

[Ruben Quadros]

Thanks for the update! I'll give it a try and let you know! 🙂

[John O'Reilly]

I might have missed some update on this elsewhere but should this be possible now?

[Ilia Bogdanovich [JetBrains]]

sorry, what possibility are you asking about exactly?

[John O'Reilly]

"multi-preview annotation support"

[John O'Reilly]

supporting light/dark mode for example

[Ilia Bogdanovich [JetBrains]]

some preview parameters support is coming in CMP 1.9, but not the light/dark mode specifically.
all supported parameters are listed here: https://github.com/JetBrains/compose-multiplatform/pull/5339/files

[Ilia Bogdanovich [JetBrains]]

and this seems released in 1.9.0-beta01