React Native: Streaks Integration

To integrate Nudge Streaks UI into React Native, you need to make sure that the basic integration of the Nudge Core SDK is done, if you have not already done it, check here.

Our Streaks SDK is hosted privately, please connect with your Nudge Account Manager to get demo and production instructions and access to the SDK

JavaScript

 var streakUI = new StreakUI();

Once you have integrated the Nudge Core SDK, just add the above-defined variable to the list in theplugins property of NudgeProvider

Dart

<NudgeProvider 
	app={nudge}
	plugins={[
		streakUI,
]}>
.. 
..
..
</NudgeProvider>

That's it!

Our Nudge Core would now trigger Streaks UI defined on your Dashboard using the streakUI plugin.

Add-on Integrations

Callback Function

The GetCallBack function from the Nudge class enables you to set up a callback mechanism to receive notifications from any screen within the Nudge package. This feature proves particularly useful when handling specific actions or events, such as a Call-to-Action (CTA) callback following the completion of a streak, which includes a URL link to redirect the user to a desired location.

Example:

JavaScript

printCallback(response) {
      console.log(response);
    }

  streakUI.GetCallBack(printCallback);