Component Options

The Zappar embed component can be customized with the options outlined below.

Option Type Description
hostAppData string An arbitrary string set by the application and passed into the embed.
launchDeepLink string Sets a ZapWorks experience to launch directly into. For more information see the Deep Links article.
showFullScreen boolean Sets whether the component will be started in fullscreen.
barColor string Sets the bar color with a hex value.
showHistoryButton boolean Sets whether the History button is shown.
showFavoriteButton boolean Sets whether the Favorites button is shown.
showPhotoButton boolean Sets whether the Photo button is shown.
showGifButton boolean Sets whether the Gif button is shown.
showAgeGate boolean Sets whether the age gate message is shown.
showARWarning boolean Sets whether the AR warning is shown (Android only).
onMessage string Sets a custom variable message.
forceLandscape boolean Sets whether to force the device to display in landscape mode.

The parameters above can be passed as shown below, in which a bar color and an experience to launch into via deep link when the embed is initialized are set.

Example:

<View>
    <Button style={} onPress={
    () => {
        var options = {}
        options.barColor= '#000000';
        options.launchDeepLink = "z/Xtpd1c";
        NativeModules.ZapparModule.startZappar(JSON.stringify(options));
    }
} title="Start Zappar!"></Button>
</View>
zapcode branded_zapcode i