Keyboard is overlapping on keyboard composer and also hide custom header like when user open keyboard then header is scrolling and hiding

[rastogi95]

Issue Description

<GiftedChat messages={messages} keyboardShouldPersistTaps={"handled"} user={{ _id: user?._id || 0 }} bottomOffset={Platform.OS === "ios" ? 10 : 0} // minInputToolbarHeight={Platform.OS == "android" ? 48 : 40} renderSend={renderSend} alwaysShowSend renderInputToolbar={props => customInputToolBar(props)} renderComposer={renderComposer} onInputTextChanged={(newText) => setText(newText)} onSend={(messages) => { onSend(messages, "text", ""); setText(''); }} />

      const renderComposer = (props) => {
      return (
    <View style={styles.composerContainer}>
      <TouchableOpacity onPress={() => setVisible(true)} disabled={text === "" ? false : true}>
        {text === "" ? <Images.conversationImg /> : <Images.conversationImgDisabled />}
      </TouchableOpacity>
      <Composer
        {...props}
        textInputProps={styles.composerView}
      />
    </View>
);

};

const customInputToolBar = useCallback(props => ( <InputToolbar {...props} containerStyle={styles.inputTollView} /> ), []);

[rastogi95]

[fukemy]

see https://www.youtube.com/watch?v=QgmYKWqw_Js

[JJSLIoT]

I am facing the same issue.