fix: [ScreenFooter] - Fix taps absorbed in footer area on Android (physical devices)

Made-with: Cursor

Author: MIchaelZablianov

packages/react-native-ui-lib/src/components/screenFooter/index.tsx

@@ -226,6 +226,8 @@ const ScreenFooter = (props: ScreenFooterProps) => {
 
   const childrenArray = React.Children.toArray(children).slice(0, 3).map(renderChild);
 
+  const isStaticVisible = animationDuration === 0 && visible;
+
   const renderFooterContent = useCallback(() => {
     return (
       <>
@@ -238,6 +240,21 @@ const ScreenFooter = (props: ScreenFooterProps) => {
   }, [renderBackground, testID, contentContainerStyle, childrenArray]);
 
   if (keyboardBehavior === KeyboardBehavior.HOISTED) {
+    if (isStaticVisible) {
+      return (
+        <View pointerEvents="box-none" style={styles.container}>
+          <Keyboard.KeyboardAccessoryView
+            renderContent={renderFooterContent}
+            kbInputRef={undefined}
+            scrollBehavior={Keyboard.KeyboardAccessoryView.scrollBehaviors.FIXED_OFFSET}
+            useSafeArea={false}
+            manageScrollView={false}
+            revealKeyboardInteractive
+            onHeightChanged={setHeight}
+          />
+        </View>
+      );
+    }
     return (
       <Animated.View style={[styles.container, hoistedAnimatedStyle]} pointerEvents={visible ? 'box-none' : 'none'}>
         <Keyboard.KeyboardAccessoryView
@@ -253,6 +270,14 @@ const ScreenFooter = (props: ScreenFooterProps) => {
     );
   }
 
+  if (isStaticVisible) {
+    return (
+      <View testID={testID} onLayout={onLayout} pointerEvents="box-none" style={styles.container}>
+        {renderFooterContent()}
+      </View>
+    );
+  }
+
   return (
     <Animated.View testID={testID} onLayout={onLayout} style={[styles.container, stickyAnimatedStyle]}>
       {renderFooterContent()}