Android studio canary 不预览 jetpack compose

Question

so after jetpack compose beta was released, I updated my Android Studio Canary to the latest version, but I can't preview my app, even when I annotate my code with @Preview, there is no button called show preview or show code, they just disappeared.

Answer 1

Your UI code needs to be inside a compose fuction.

@Composable
fun Greeting(name: String) {
    Text (text = "Hello $name!")
}

The composable function must not take any parameters. For this reason, you can't preview the Greeting() function directly. Instead, make a second function named PreviewGreeting(), which calls Greeting() with an appropriate parameter. Add the @Preview annotation before @Composable.

@Preview
@Composable
fun PreviewGreeting() {
    Greeting("Android")
}
  

Answer 2

after 1 day I realized that I had to download Android Studio Canary from the website, and all thing worked just fine with the new compose beta. Download the ' Android studio Arctic Fox ' from this link