This is the exact code

@Composable
fun ShoutoutCard(text: String) {
  Card(
    modifier = Modifier
      .padding(16.dp),
    elevation = 2.dp,
  ) {
    Row(
      modifier = Modifier.padding(8.dp),
      verticalAlignment = Alignment.CenterVertically,
    ) {
      HeartFilledIcon(tint = Color.Red)
      Spacer(Modifier.padding(16.dp))
      Text(text = text)
    }
  }
}

@Preview
@Composable
fun ShoutoutCard() {
  ShoutoutCard(text = "Chris7!")
}

Sometimes the preview works, and renders like so:

This has been my troubleshooting method which has been successful: When I hit this exception, I do the following: • Create a test composable like this one:

@Preview
@Composable
fun TestComposable() {
  Text(text = "Hello2345 ")
}

• Refresh the preview. Sometimes I have to refresh twice

Android Studio

Compose version is

1.1.0-rc01

I don’t know why adding a dummy composable preview and refreshing makes it work. Note that simply repeatedly refreshing doesn’t apparently fix the problem, I have to add some new dummy code as above.

I am using Kotlin v

1.6.10

for my project, but I rolled back to

1.6.0

to see if it made a difference (as 1.6.10 is not known to be compatible with this version of compose). There was no difference in behaviour. I am more or less able to trivially reproduce this problem. Starting from a “working” state (that is, with my

ShoutoutCard

composable and

TestComposable

both being previewed, I do the following: • Comment out

TestComposable

• Refresh preview • Observe NullPointerException • Uncomment

TestComposable

• Refresh preview • Observe preview works again