How would I go about calling a suspend function within a button onClick action?

# compose

[Brett Best]

How would I go about calling a suspend function within a button onClick action?

[Brett Best]

@Composable
fun LegalBodyContent(contentPadding: InnerPadding = InnerPadding(), onLegal: () -> Unit) {
  val loader = remember { LegalLoader() }

  val networkService = ActiveAppContainer.current.networkService

  launchInComposition {
    loader.load(networkService)
  }

  Crossfade(current = loader.state) { loaderState ->
    when (loaderState) {
      is LegalLoader.State.Loading -> LegalBodyContentLoading()
      is LegalLoader.State.Loaded -> LegalBodyContentLoaded(loaderState)
      is LegalLoader.State.Error -> LegalBodyContentError(loaderState)
    }
    Button(onClick = {
      // How to call loader.load() in here?
    }) {
      Text("Refresh")
    }
  }
}

This is how I’ve currently configured my composable

[Adam Powell]

Use rememberCoroutineScope to get a scope in composition and launch into it in your click handler

[Brett Best]

val scope = rememberCoroutineScope()
  launchInComposition(scope) {
    loader.load(networkService)
  }

and then in the onClick:

scope.async { loader.load(networkService) }

Gives me Deferred result is never used

[Zach Klippenstein (he/him) [MOD]]

Probably because you’re not using the result. Use launch, not async.