global event listener for button clicks in a mobile app (android/ios)

Question

I want to track all the button clicks that happen within my app and generate (for example) an alert as a response to each. Is there a way to set up some sort of a "global" event listener for button clicks that would allow me to know when a certain button was clicked and give me some type of identification of what element was clicked?

Also, I was wondering if this feature would be specific for android/iOS apps or could it be general?

Possible duplicate of [Javascript global onclick listener](https://stackoverflow.com/questions/29555044/javascript-global-onclick-listener) — Tibrogargan, Jun 30 '19 at 02:47

Shruti Agrawal · Answer 1 · 2019-06-30T03:06:17.093

1

You can have a file function.js and have the function inside it . Import and call this function from your component's button onPress and pass the required data as argument.

The function would be generic. You can make it specific by if else condition based on the platform, i.e. Android/Ios

Function.js

import { Platform } from 'react-native'

export function globalFunc()
{
   if(Platform.OS == 'ios')
      alert("ios")
   else
      alert("android")
}

component.js

import {globalFunc()} from './Function.js'

render()
{
  return(
    <TouchableOpacity onPress={()=>globalFunc()}>Button</TouchableOpacity>
  )
}

edited Jun 30 '19 at 03:06

answered Jun 30 '19 at 02:40

Shruti Agrawal

366
1
9

would this mean that I would have to modify onPress for all buttons in my app? Is there a way around that? – Maria Jun 30 '19 at 02:50
Yes, you will need to modify – Shruti Agrawal Jun 30 '19 at 02:56

global event listener for button clicks in a mobile app (android/ios)

1 Answers1