airbridge-react-native-sdk/qa/source/pages/Placement.js

Airbridge SDK for React Native

import React, { useRef } from 'react'

import { View } from 'react-native'
import CustomButton from '../component/CustomButton'
import { Styles } from '../common/Styles'
import { Colors } from '../common/Colors'

import UrlInputDialog from '../component/UrlInputDialog'

import { Airbridge } from 'airbridge-react-native-sdk'

export default function PlacementPage() {

  const clickUrlRef = useRef();
  const impressionUrlRef = useRef();
  
  return (
    <View style={Styles.container}>
      <CustomButton
        buttonColor={Colors.red}
        title={'CLICK'}
        accessibilityLabel={'click'}
        onPress={() => clickUrlRef.current.show()} />
      <CustomButton
        buttonColor={Colors.pink}
        title={'IMPRESSION'}
        accessibilityLabel={'impression'}
        onPress={() => impressionUrlRef.current.show()} />

      <UrlInputDialog 
        ref={clickUrlRef}
        onConfirm={(value) => Airbridge.click(value)} />
      <UrlInputDialog   
        ref={impressionUrlRef}
        onConfirm={(value) => Airbridge.impression(value)} />
    </View>
  )
}