Expo - Banner Story

import React, { Component } from 'react'
import { Platform } from 'react-native'

import { create_api, Story} from '@relateddigital/visilabs-react-native';

var organizationID = "OID";
var siteID = "SID";
var segmentURL = "http://lgr.visilabs.net";
var dataSource = "datasource";
var realTimeURL = "http://rt.visilabs.net";
var channel = Platform.OS === "ios" ? "IOS" : "Android";
var euroMsgApplicationKey = "euroMsgApplicationKey";
var euroMsgSubscriptionURL = "https://pushs.euromsg.com/subscription";
var euroMsgRetentionURL = "https://pushr.euromsg.com/retention";
var api = create_api(organizationID, siteID, segmentURL, dataSource, realTimeURL, channel, euroMsgApplicationKey, euroMsgSubscriptionURL, euroMsgRetentionURL, "tr-TR");

export default class App extends Component {
  constructor(props) {
    super(props)
  
    this.eventParameters = {
      "OM.pp":"ayakkabi",
      "OM.ppr":"123",
      "OM.exVisitorID":"baris.arslan@euromsg.com"
    }
  }

  render() {
    return (
        <Story
          api={api}                                  // Required object
          eventParameters={this.eventParameters}     // Required object
          pageName={"home"}                          // Required string
          action={(data) => alert(data.title)}       // Required function
          // size={130}                              // Optional number default 100
          // rectangle={1.2}                         // Optional double default 1
          // action_id={123}                         // Optional spesific story list
        />
    )
  }
}