KeyboardAvoidingView not working with react native bottom sheet

Viewed 372

I have a bottom sheet. enter image description here

When user taps on input i want to move this sheet up, but I coudn't make it with keyboardAvoidingView. code looks like this:

<KeyboardAvoidingView behavior={'position'}>
<BottomSheetModal
    ref={bottomSheetRef}
    index={1}
    snapPoints={snapPoints}
    onChange={handleSheetChanges}
    backdropComponent={renderBackdrop}
    handleComponent={null}
    handleHeight={20}
    handleIndicatorStyle={{
      height: 0,
      width: 0,
      backgroundColor: 'red',
    }}
    style={styles.borderStyle}
    >
      
    <View style={{flex: 1, paddingVertical: 16, backgroundColor: 'blue'}}>
        <IconButton
          onPress={onCloseButtonPress}
          icon={'cross'}
          iconSize={23}
          iconColor={'#1A1A1A'}
          containerStyle={styles.closeButton}
        />

        <CreateCollectionModal
          renderSubmitButton={renderCreateCollectionButton}
          onSubmit={props.onCollectionCreate}
          {...props}
        />
    </View>
    
  </BottomSheetModal>
  </KeyboardAvoidingView>

Any idea about it?

0 Answers
Related