Skip to content

Component Options

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

OptionTypeDescription
hostAppDatastringAn arbitrary string set by the application and passed into the embed.
launchDeepLinkstringSets a ZapWorks experience to launch directly into. For more information see the Deep Links article.
showFullScreenbooleanSets whether the component will be started in fullscreen.
barColorstringSets the bar color with a hex value.
showHistoryButtonbooleanSets whether the History button is shown.
showFavoriteButtonbooleanSets whether the Favorites button is shown.
showPhotoButtonbooleanSets whether the Photo button is shown.
showGifButtonbooleanSets whether the Gif button is shown.
showAgeGatebooleanSets whether the age gate message is shown.
showARWarningbooleanSets whether the AR warning is shown (Android only).
onMessagestringSets a custom variable message.
forceLandscapebooleanSets 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>