Skip to content

onClose triggers twice #18

@hazelf42

Description

@hazelf42

Hi there. When toggling the visibility, it seems to get called twice.


function toggleModalVisible() {
    setModalVisible(!modalVisible);
  }

        <Overlay
          visible={modalVisible}
          closeOnTouchOutside
          onClose={toggleModalVisible}
        >
          {(hideModal) => (
            <SettingsOverlay
              toggleModalVisible={toggleModalVisible}
              hideModal={hideModal}
              endStory={endStory}
              storyId={storyId}
            />
          )}
        </Overlay>

//SettingsOverlay:
     <View style={styles.exit}>
        <IconButton
          icon="close"
          size={20}
          onPress={toggleModalVisible} // (also double-fires when this is props.hideModal)
        />
      </View>

Is the relevant part.

This seems to happen if I use the toggle modal visible, or hideModal. It happens for both when the close button is pressed, and when touched outside.

Thanks.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions