title: formSheet never works on iOS
body: <p>I've been trying to integrate &quot;onRequestClose&quot; that basically closes the formSheet on iOS whenever swiped down but it never really seems to work.</p>
  <p>Demo Link: <a href="https://snack.expo.dev/aN0gVemPi" rel="nofollow noreferrer">https://snack.expo.dev/aN0gVemPi</a></p>
  <p>Or the code:</p>
  <pre><code>import React, { useState } from &quot;react&quot;;
  import { Alert, Modal, StyleSheet, Text, Pressable, View } from &quot;react-native&quot;;
  
  const App = () =&gt; {
    const [modalVisible, setModalVisible] = useState(false);
    return (
      &lt;View style={styles.centeredView}&gt;
        &lt;Modal
          animationType=&quot;slide&quot;
          transparent={true}
          visible={modalVisible}
          presentationStyle=&quot;formSheet&quot;
          onRequestClose={() =&gt; {
            Alert.alert(&quot;Modal has been closed.&quot;);
            setModalVisible(!modalVisible);
          }}
        &gt;
          &lt;View &gt;
            &lt;View style={styles.modalView}&gt;
              &lt;Text style={styles.modalText}&gt;Hello World!&lt;/Text&gt;
              &lt;Pressable
                style={[styles.button, styles.buttonClose]}
                onPress={() =&gt; setModalVisible(!modalVisible)}
              &gt;
                &lt;Text style={styles.textStyle}&gt;Hide Modal&lt;/Text&gt;
              &lt;/Pressable&gt;
            &lt;/View&gt;
          &lt;/View&gt;
        &lt;/Modal&gt;
        &lt;Pressable
          style={[styles.button, styles.buttonOpen]}
          onPress={() =&gt; setModalVisible(true)}
        &gt;
          &lt;Text style={styles.textStyle}&gt;Show Modal&lt;/Text&gt;
        &lt;/Pressable&gt;
      &lt;/View&gt;
    );
  };
  
  const styles = StyleSheet.create({
    centeredView: {
      flex: 1,
      justifyContent: &quot;center&quot;,
      alignItems: &quot;center&quot;,
      marginTop: 22
    },
    modalView: {
      margin: 20,
      backgroundColor: &quot;white&quot;,
      borderRadius: 20,
      padding: 35,
      alignItems: &quot;center&quot;,
      shadowColor: &quot;#000&quot;,
      shadowOffset: {
        width: 0,
        height: 2
      },
      shadowOpacity: 0.25,
      shadowRadius: 4,
      elevation: 5
    },
    button: {
      borderRadius: 20,
      padding: 10,
      elevation: 2
    },
    buttonOpen: {
      backgroundColor: &quot;#F194FF&quot;,
    },
    buttonClose: {
      backgroundColor: &quot;#2196F3&quot;,
    },
    textStyle: {
      color: &quot;white&quot;,
      fontWeight: &quot;bold&quot;,
      textAlign: &quot;center&quot;
    },
    modalText: {
      marginBottom: 15,
      textAlign: &quot;center&quot;
    }
  });
  
  export default App;
  </code></pre>
  <p>Try swiping down, it never seem to trigger &quot;onRequestClose&quot; method.</p>
  <p><a href="https://i.stack.imgur.com/Eas3G.gif" rel="nofollow noreferrer">This is what happens currently.</a></p>
  <p><a href="https://miro.medium.com/max/592/1*dmhbPxreHtPwQbZJ3XplRA.gif" rel="nofollow noreferrer">This is what I'm looking for.</a></p>
  <p>P.S. I have tried <a href="https://gist.github.com/ps73/012b8b97bb7866db4b2b4636a8396d98" rel="nofollow noreferrer">some patches</a> but they don't seem to work either.</p>
  <p>Is it normal? How would you fix it? Thanks!</p>