How do I enable touch on multiple buttons simultaneously in react native?

Question

I need that when I am touching and holding one button then I should also be able to touch on the button 1.

Answer 1

I used react-native-gesture-handler. Install it and just replace

import { TouchableOpacity } from 'react-native';

with

import { TouchableOpacity } from 'react-native-gesture-handler';

Example

  this.console('Button 2 pressed')}
  onPressOut={()=>this.console('Button 2 released')}>
    
      BUTTON 2
    
  

  this.console('Button 1 pressed')}
  onPressOut={()=>this.console('Button 1 released')}>
    
      BUTTON 1
    
  

Link: https://software-mansion.github.io/react-native-gesture-handler/docs/component-touchables.html

This library also offers button components which can be directly used instead of wrapping Text with TouchableOpacity