Quick question: how can I see the preview of a Composable into the inline documentation? Like <@U3JQ...

# compose

[nglauber]

Quick question: how can I see the preview of a Composable into the inline documentation?
Like @romainguy is showing here:

https://youtu.be/U5BwfqBpiWU?t=475▾

[allan.conda]

add a `@Preview`annotation as shown there

[nglauber]

It’s not working for me… 😕

[allan.conda]

Check the error? And try to use the latest AS canary. Usually, you would have a separate function with the @Preview, where you could pass mock data

[nglauber]

I’m doing a very simple stuff…

/**
 * Simple text on the screen
 * @sample DefaultPreview
 */
@Composable
fun Greeting(name: String) {
    Text(text = "Hello $name!")
}

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    MyAppTheme {
        Greeting("Androids")
    }
}

What I’m expecting is: If I type “Gre”, and then Ctrl+Space, I should see the preview of my Greeting composable.
I’m using AS 4.2 Canary 12

[nglauber]

This is what I get 👇

[allan.conda]

Ahh, you meant the preview in the documentation. I didn’t know that existed 😄 sorry

[nglauber]

No worries… 😉 This feature is also mentioned by Tor Norbye here (

https://youtu.be/NMFGuy6TRqk?t=429▾

) but it has never worked for me… 😞

[romainguy]

Try with the fully qualified name instead

[nglauber]

Do you mean in @sample?

[nglauber]

I tried this

@sample _root_ide_package_.com.example.waldyrtest.DefaultPreview()

and this

@sample com.example.waldyrtest.DefaultPreview()

[romainguy]

Don't put the parenthesis at the end

[romainguy]

And definitely don't use _root etc

[nglauber]

Same thing 😞

[nglauber]

I put this in a separate file:

/**
 * Simple text on the screen
 *
 * @sample com.example.waldyrtest.DefaultPreview
 */
@Composable
fun Greeting(name: String) {
    Text(text = "Hello $name!")
}

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    MyAppTheme {
        Greeting("Androids")
    }
}

Then when I type the function name in the activity file… 👇

[nglauber]

I remember that I asked this same question in July…
https://kotlinlang.slack.com/archives/CJLTWPH7S/p1594749573264000 😩

[nglauber]

Two months later… still not working… 😞

[nglauber]

@Leland Richardson [G] could you help me on this?

[Leland Richardson [G]]

hmm. I am not actually very familiar with how this feature works and haven’t used it myself. cc @nosuid who will likely know more. can you help us out?

[Leland Richardson [G]]

(sorry i cant be of more help)