React Native: Challenges Integration

To integrate Nudge Challenges 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 Challenges SDK is hosted privately, please connect with your Nudge Account Manager to get demo and production instructions and access to the SDK

JavaScript

 var challengeUI = new NudgeChallengeUI();

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: [challengeUI],
    													instance:{nudge}
                              );


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

That's it!

Our Nudge Core would now trigger Challenges UI defined on your Dashboard using the challengeUI plugin.