Skip to content

Commit

Permalink
Add blur transition
Browse files Browse the repository at this point in the history
  • Loading branch information
omkar-tenkale committed Jul 20, 2024
1 parent 0023619 commit a79b1b5
Showing 1 changed file with 14 additions and 2 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,14 @@ import androidx.compose.animation.core.AnimationSpec
import androidx.compose.animation.core.CubicBezierEasing
import androidx.compose.animation.core.TweenSpec
import androidx.compose.foundation.background
import androidx.compose.foundation.shape.CutCornerShape
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.runtime.State
import androidx.compose.runtime.derivedStateOf
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.alpha
import androidx.compose.ui.draw.blur
import androidx.compose.ui.draw.clip
import androidx.compose.ui.draw.scale
import androidx.compose.ui.geometry.CornerRadius
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.layout.LayoutModifier
import androidx.compose.ui.layout.Measurable
Expand Down Expand Up @@ -57,6 +56,12 @@ public class TransitionSpec(
bottomOnTop = false,
animationSpec = TweenSpec(durationMillis = 0),
)
public val Blur: TransitionSpec = TransitionSpec(
topTransition = BackstackTransition.None,
bottomTransition = BackstackTransition.Blur,
bottomOnTop = false,
animationSpec = TweenSpec(durationMillis = 500),
)
}
}

Expand Down Expand Up @@ -242,6 +247,13 @@ public fun interface BackstackTransition {
): Modifier = alpha(visibility.value)
}

public object Blur : BackstackTransition {
override fun Modifier.modifierForScreen(
visibility: State<Float>,
isTop: Boolean
): Modifier = blur(((1 - visibility.value) * 5).dp)
}

/**
* No transition
*/
Expand Down

0 comments on commit a79b1b5

Please sign in to comment.