TrackedButton

Wraps Button in a PressableContext and automatically tracks PressEvent for it.

TrackedButton: (props: ButtonProps & {
  id?: string,
}) => Button

Additional Props​

typedefault value
optionalidstringinferred from title
info

In development mode, TrackedButton will log an error to the console when failing toi infer an identifier from title.

Automatic Events​

Usage examples​

A regular Button​

import { TrackedButton } from '@objectiv/tracker-react-native';

<TrackedButton
  onPress={doSomethingHandler}
  title="Do something"
/>

Non parseable title​

import { TrackedButton } from '@objectiv/tracker-react-native';

<TrackedButton
  onPress={dislikeHandler}
  title="👎"
  id="thumb-down"
/>

Custom identifier​

import { TrackedButton } from '@objectiv/tracker-react-native';

<TrackedButton
  onPress={onPressHandler}
  title="Press me!"
  id="custom-analytics-id"
/>

Did you know ?

TrackedButton internally uses PressableContextWrapper.


See also