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 NudgeStreakUI();

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

Dart

function YourApp() {

  const nudgeProvider = useNudgeProvider(
                              plugins: [streakUi],
    													instance:{nudge}
                              );


  return (
    <SafeAreaView style={backgroundStyle} ref={nudgeProvider.navigatorRef} >
    </SafeAreaView>
)
}

That's it!

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