KeyboardAvoidingView не работает с собственным нижним листом react

#reactjs #react-native #bottom-sheet

#reactjs #react-native #bottom-sheet

Вопрос:

У меня есть нижний лист. введите описание изображения здесь

Когда пользователь нажимает на ввод, я хочу переместить этот лист вверх, но я не могу сделать это с помощью KeyboardAvoidingView. код выглядит так:

 lt;KeyboardAvoidingView behavior={'position'}gt; lt;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}  gt;    lt;View style={{flex: 1, paddingVertical: 16, backgroundColor: 'blue'}}gt;  lt;IconButton  onPress={onCloseButtonPress}  icon={'cross'}  iconSize={23}  iconColor={'#1A1A1A'}  containerStyle={styles.closeButton}  /gt;   lt;CreateCollectionModal  renderSubmitButton={renderCreateCollectionButton}  onSubmit={props.onCollectionCreate}  {...props}  /gt;  lt;/Viewgt;    lt;/BottomSheetModalgt;  lt;/KeyboardAvoidingViewgt;  

Any idea about it?