title: Multiple Bottom Sheets not opening in react native Ios
body: <p>Hey folks I'm using <code>react native raw bottom sheet</code> in react native project.I'm showing a bottom sheet when the user click on an icon.It's working fine on both <strong>android and ios</strong>, when he selects an element from the bottom sheet I'm trying to close that sheet and <strong>open a brand new sheet</strong> with <strong>subcategories</strong> and its opening on android but not on ios, I don't know whats the issue on ios,kindly help me out to tackle this.
  Here is my code</p>
  <p><strong>Button to open first BottomSheet</strong></p>
  <pre><code>&lt;TouchableOpacity
              style={{
                height: 27,
                width: 20,
              }}
              onPress={() =&gt; optionSheet.current.open()}&gt;
              &lt;Image
                source={more}
                style={{height: 17, width: 17, tintColor: 'black'}}
              /&gt;
            &lt;/TouchableOpacity&gt;
  </code></pre>
  <p><strong>First BottomSheet</strong></p>
  <pre><code>&lt;RBSheet
      ref={optionSheet}
      height={360}
      openDuration={250}
      customStyles={{
        container: {
          borderTopRightRadius: 30,
          borderTopLeftRadius: 30,
          paddingTop: 20,
        },
      }}&gt;
      &lt;TouchableOpacity
        onPress={() =&gt; {
          Snackbar.show({
            text: ' Saved to playlist',
            duration: Snackbar.LENGTH_LONG,
            action: {
              text: 'Change',
              textColor: 'tomato',
              onPress: () =&gt; {
                handleAction();
                optionSheet.current.close();
                playListRef.current.open();
              },
            },
          });
        }}
        style={[styles.horizontalContainer, {marginLeft: 4, padding: 10}]}&gt;
       
        &lt;Text
          style={[
            styles.large,
            {alignSelf: 'center', fontSize: 18, margin: 5},
          ]}&gt;
          Save to playlist
        &lt;/Text&gt;
      &lt;/TouchableOpacity&gt;
     
    &lt;/RBSheet&gt;
  </code></pre>
  <p><strong>Here is my 2nd sheet which will open when I will click on Snackbar action button</strong></p>
  <pre><code>    &lt;RBSheet
      ref={playListRef}
      height={420}
      openDuration={250}
      customStyles={{
        container: {
          borderTopRightRadius: 30,
          borderTopLeftRadius: 30,
          paddingTop: 10,
        },
      }}&gt;
      &lt;TouchableOpacity
        onPress={() =&gt; {
          setBilal(!bilal);
        }}
        style={[styles.horizontalContainer, {marginLeft: 14, padding: 10}]}&gt;
        &lt;CheckBox
          center
          checked={bilal}
          checkedColor=&quot;red&quot;
          onPress={() =&gt; {
            setNudity(!nudity);
          }}
          containerStyle={{padding: 0}}
        /&gt;
        &lt;Text
          style={[
            styles.large,
            {alignSelf: 'center', fontSize: 18, margin: 5},
          ]}&gt;
          Bilal
        &lt;/Text&gt;
      &lt;/TouchableOpacity&gt;
      &lt;Divider style={styles.dividerStyle} /&gt;
      &lt;TouchableOpacity
        onPress={() =&gt; {
          setmyFav(!myFav);
        }}
        style={[styles.horizontalContainer, {marginLeft: 14, padding: 10}]}&gt;
        &lt;CheckBox
          center
          checked={myFav}
          checkedColor=&quot;red&quot;
          onPress={() =&gt; {
            setmyFav(!myFav);
          }}
          containerStyle={{padding: 0}}
        /&gt;
        &lt;Text
          style={[
            styles.large,
            {alignSelf: 'center', fontSize: 18, margin: 5},
          ]}&gt;
          My Favourites
        &lt;/Text&gt;
      &lt;/TouchableOpacity&gt;
      &lt;Divider style={styles.dividerStyle} /&gt;
      &lt;TouchableOpacity
        onPress={() =&gt; {
          setDaring(!daring);
        }}
        style={[styles.horizontalContainer, {marginLeft: 14, padding: 10}]}&gt;
        &lt;CheckBox
          center
          checked={daring}
          checkedColor=&quot;red&quot;
          onPress={() =&gt; {
            setDaring(!daring);
          }}
          containerStyle={{padding: 0}}
        /&gt;
        &lt;Text
          style={[
            styles.large,
            {alignSelf: 'center', fontSize: 18, margin: 5},
          ]}&gt;
          Daring
        &lt;/Text&gt;
      &lt;/TouchableOpacity&gt;
      &lt;Divider style={styles.dividerStyle} /&gt;
      &lt;TouchableOpacity
        onPress={() =&gt; {
          setBest(!best);
        }}
        style={[styles.horizontalContainer, {marginLeft: 14, padding: 10}]}&gt;
        &lt;CheckBox
          center
          checked={best}
          checkedColor=&quot;red&quot;
          onPress={() =&gt; {
            setBest(!best);
          }}
          containerStyle={{padding: 0}}
        /&gt;
        &lt;Text
          style={[
            styles.large,
            {alignSelf: 'center', fontSize: 18, margin: 5},
          ]}&gt;
          Best
        &lt;/Text&gt;
      &lt;/TouchableOpacity&gt;
      &lt;Divider style={styles.dividerStyle} /&gt;
      &lt;TouchableOpacity
        onPress={() =&gt; {
          Snackbar.show({
            text: 'New playlist added',
          });
        }}
        style={[styles.horizontalContainer, {marginLeft: 14, padding: 10}]}&gt;
        &lt;MaterialIcons
          name=&quot;playlist-add&quot;
          size={23}
          color={'gray'}
          style={{alignSelf: 'center', margin: 5}}
        /&gt;
        &lt;Text
          style={[
            styles.large,
            {alignSelf: 'center', fontSize: 18, margin: 5},
          ]}&gt;
          Add new playlist
        &lt;/Text&gt;
      &lt;/TouchableOpacity&gt;
      &lt;Divider style={styles.dividerStyle} /&gt;
      &lt;TouchableOpacity
        style={styles.smallButton}
        onPress={() =&gt; {
          playListRef.current.close();
        }}&gt;
        &lt;Text
          style={[styles.largeText, {color: 'white', alignSelf: 'center'}]}&gt;
          Save
        &lt;/Text&gt;
      &lt;/TouchableOpacity&gt;
    &lt;/RBSheet&gt;
  </code></pre>
  <p>On clicking the <strong>Change</strong> button in Snackbar the 2nd bottom sheet is not opening on ios butt opening on the android,I am using <strong><code>useRef from React</code></strong></p>