Customize click behaviors (React Native)
Last updated
Was this helpful?
Last updated
Was this helpful?
The SDK provides behavior callbacks to customize click behaviors, including those for the video CTA button, product cards, and shopping CTA button.
Set FireworkSDK.getInstance().onCustomCTAClick
to customize video overlay CTA button click behavior. The event type is .
Set FireworkSDK.getInstance().shopping.onCustomTapProductCard
to customize product card click behavior. The event type is .
We support customizing the default shopping CTA button text to "Add to cart" or "Shop now". The usage codes are:
The cart icon is hidden by default. You can show the cart icon by the following codes:
Set FireworkSDK.getInstance().shopping.onCustomClickCartIcon
to customize product card click behavior.
As illustrated in the following code snippets, you can invoke our APIs to convert the Firework full-screen player (if it exists) into a floating player or close it (if it exists) when customizing click behaviors. This approach ensures that the new React Native page will not be obscured by the Firework full-screen player.
You could write codes to navigate to the host app page within the callback. For best practices on navigating to the host page, please consult below.
Set FireworkSDK.getInstance().shopping.onShoppingCTA
to customize shopping CTA click behavior. And the host app can return a object to tell FireworkSDK the result. The event type is .
You could write codes to navigate to the host app page within the callback. For best practices on navigating to the host page, please consult below.
Set FireworkSDK.getInstance().shopping.onCustomClickLinkButton
to customize product card click behavior. The event type is .
You could write codes to navigate to the host app page within the callback. For best practices on navigating to the host page, please consult below.
You could write codes to navigate to the host app page within the callback. For best practices on navigating to the host page, please consult below.
Typically, we need to navigate to the host app page when customizing click behaviors. However, the React Native navigation stack may be obscured by the Firework full-screen player. When the host app navigates to a new React Native page (for instance, using the navigate method of ) within the React Native navigation stack when customizing click behaviors, it will be obscured by the Firework full-screen player.