Version: Next

Scroll Edge Effect Options

Controls the iOS 26+ UIScrollEdgeEffect (Liquid Glass fade) shown at the edges of scroll views when content scrolls under bars.

Credits: Contributed by @manuhook (PR #8281).

const options = {
  scrollEdgeEffect: {
    hidden: true,
  },
};

Hide the scroll edge effect.

Type	Required	Platform
boolean	No	iOS 26+

Set the scroll edge effect style.

Type	Required	Platform	Default
enum('automatic', 'soft', 'hard')	No	iOS 26+	'automatic'

Per-edge override. Values fall back to the global hidden / style. Per-edge values take precedence.

Type	Required	Platform
`{ hidden?: boolean; style?: 'automatic' \\| 'soft' \\| 'hard' }`	No	iOS 26+

Examples#

Hide all edges:

MyScreen.options = {
  scrollEdgeEffect: { hidden: true },
};

Top visible, bottom hidden:

MyScreen.options = {
  scrollEdgeEffect: {
    top: { hidden: false },
    bottom: { hidden: true },
  },
};

Dynamic update:

Navigation.mergeOptions(componentId, {
  scrollEdgeEffect: { bottom: { hidden: true } },
});