scrollEdgeEffectStyle

.scrollEdgeEffectStyle(props: {
    style?: "automatic" | "soft" | "hard";
    edges?: EdgeSet;
}): Component

props

object

required

Show properties

style

"automatic" | "soft" | "hard"

The edge effect style. "soft" provides a subtle effect, "hard" provides a sharp effect, and "automatic" uses the system default.

edges

EdgeSet

Which edges to apply the style to. Defaults to all edges. See EdgeSet.

Support

ScrollView([
    ForEach(items, (item) =>
        Text(item.name).padding(12)
    )
]).scrollEdgeEffectStyle({ style: "soft" })

ScrollView([
    ForEach(items, (item) =>
        Text(item.name).padding(12)
    )
]).scrollEdgeEffectStyle({ style: "hard", edges: "vertical" })