fix(toolbox): stop onpress bubbling for components underneath the toolbox

react/features/toolbox/components/native/Toolbox.js

@@ -1,7 +1,7 @@
 // @flow
 
 import React from 'react';
-import { View } from 'react-native';
+import { TouchableOpacity, View } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { connect } from 'react-redux';
 
@@ -92,8 +92,8 @@ function Toolbox(props: Props) {
     }
 
     return (
-        <View
-            pointerEvents = 'box-none'
+        <TouchableOpacity
+            activeOpacity = { 1 }
             style = { styles.toolboxContainer }>
             <SafeAreaView
                 accessibilityRole = 'toolbar'
@@ -135,7 +135,7 @@ function Toolbox(props: Props) {
                         styles = { hangupButtonStyles } />
                 }
             </SafeAreaView>
-        </View>
+        </TouchableOpacity>
     );
 }