Support blur content inside only

[jiangnan44]

I need to blur an Image as background of a ConstraintLayout , but Cloudy seems to blur everything overlay . Please consider add this feture

[nubpro]

Love to see this happen too! @skydoves Please grant us the wish, you'll make a lot us very happy :)

[nubpro]

Box {
  Cloudy() {
      Box(
          modifier = Modifier
              .fillMaxSize()
              .background(Color(255, 255, 255).copy(alpha = 0.38f))
      )
  }
  Text(
      text = stringResource("Text here"),
      color = Color.Black,
      fontSize = 60.sp
  )
}

Im trying to blur the background only but it seems to be applying the blur around the text on top of it.

[pavelperc]

Also, when scrolling, scroll content is usually shifted. This makes the library useless.

[vrajendraBhavsar]

Hey @skydoves, Could you please provide a better way to handle this issue? I'm thinking of adding this to my project but it seem a bit unstable at this point, thanks a bunch in advance!

[skydoves]

Hey guys, the new version 0.2.0 has been released, and now you can resolve this issue by using the Modifier.cloudy modifier instead of the Cloudy composable function.

[nubpro]

Hey guys, the new version 0.2.0 has been released, and now you can resolve this issue by using the Modifier.cloudy modifier instead of the Cloudy composable function.

Havent tried it but thank you!