NavigationContextWrapper
Wraps its children in a NavigationContext.
Children can be a ReactNode or a Render Props function receiving TrackingContext.
NavigationContextWrapper: (props: {
children: ReactNode | ((parameters: TrackingContext) => ReactNode),
id: string
}) => ReactElement
Parameters
type | ||
---|---|---|
required | children | ReactNode | ((parameters: TrackingContext) => void) |
required | id | string |
Returns
ReactElement
Usage example
Enrich Locations
import { NavigationContextWrapper } from '@objectiv/tracker-react-native';
<NavigationContextWrapper id={'footer'}>
<View>
<Link to={'Home'}>Home</Link>
<Link to={'Privacy'}>Privacy</Link>
<Link to={'Contact'}>Contact</Link>
</View>
</NavigationContextWrapper>
Tracking via Render Props
import {
NavigationContextWrapper,
trackHiddenEvent,
trackVisibleEvent
} from '@objectiv/tracker-react-native';
<NavigationContextWrapper id={'drawer'}>
{(trackingContext) => (
<DrawerLayoutAndroid
onDrawerOpen={() => trackVisibleEvent(trackingContext)}
onDrawerClose={() => trackHiddenEvent(trackingContext)}
>
<Link to={'Home'}>Home</Link>
<Link to={'Privacy'}>Privacy</Link>
<Link to={'Contact'}>Contact</Link>
</DrawerLayoutAndroid>
)}
</NavigationContextWrapper>
Did you know ?
NavigationContextWrapper
internally uses LocationContextWrapper.