Skip to main content
Version: 1.x

HeaderMotion.Bridge

Captures the current HeaderMotion context and exposes it through a render function. Use it to forward context into a navigation-rendered header subtree.

Usage

<HeaderMotion.Bridge>
{(ctx) => (
<Stack.Screen
options={{
header: () => (
<HeaderMotion.NavigationBridge value={ctx}>
<MyHeader />
</HeaderMotion.NavigationBridge>
),
}}
/>
)}
</HeaderMotion.Bridge>

Props

PropTypeDescription
children(value: HeaderMotionBridgeValue) => ReactNodeRender function that receives the bridged context value.