react-native-bottom-sheet icon indicating copy to clipboard operation
react-native-bottom-sheet copied to clipboard

fix: dismiss keyboard if it remains open in collapsed mode

Open edapess opened this issue 1 year ago • 0 comments

Motivation

Currently, there's an issue where the keyboard remains visible even when the bottom sheet is collapsed in certain scenarios.

This problem arises when the user drags the bottom sheet from the <FooterWrapper/> or the top of the modal and releases their finger while it's positioned over the keyboa

 return (
    <>
      <BottomSheetModal
        onDismiss={() => {
        }}
        onChange={() => {}}
        ref={someref}
        backgroundComponent={EmptyView}
        snapPoints={snapPoints}
        style={{
        }}
        backdropComponent={renderBackdrop}
        handleComponent={EmptyView}>
        <View
          style={[
            styles.container
          ]}>
          <FlexRow
            style={styles.header}
            alignItems={'center'}
            justifyContent={'space-between'}>
            <View style={styles.right}>
                  <Typography variant={'h21'} color={'error'}>
                         some text
                  </Typography>
                </TouchableOpacity>
              )}
            </View>
            <View style={{ marginRight: 20 }}>
              <Typography variant={'h26'}>some text </Typography>
            </View>
            <TouchableOpacity
              onPress={() => {
                }
              }}
              style={styles.editButton}
              hitSlop={...}>
              <Typography color={'primary'} variant={'h21'}>
                {some text}
              </Typography>
            </TouchableOpacity>
          </FlexRow>
          <View style={styles.footerWrapper}>
            <FooterWrapper
              {...props}
            />
          </View>
        </View>
      </BottomSheetModal>

  );

edapess avatar Feb 20 '24 08:02 edapess