Remove unwanted bottom padding in InputToolbar when Keyboard open

[Buwaneka-Sumanasekara]

Issue Description

I want to remove unwanted bottom padding in InputToolbar when keyboard opened. Its only happened in ios, In android it's working without any issue.

Steps to Reproduce / Code Snippets

Here is the code sample

 <GiftedChat
                        messages={ar_messages}
                        onSend={messages => this._onSendMessage(messages)}

                        user={{
                            _id: CurUser.user_id,
                            name: CurUser.display_name
                        }}
                        renderActions={this._renderLeftButton}
                        renderAccessory={this._renderSecondLine}
                        renderSend={this._renderSendButton}
                        text={this.state.txt_input_value}
                        onInputTextChanged={text => this.setCustomText(text)}
                        multiline={true}
                        alwaysShowSend={true}
                        keyboardShouldPersistTaps={'never'}
                        textInputProps={AppStyles.InputStyles.ChatInput.Props}
                        textInputStyle={AppStyles.InputStyles.ChatInput.Style}
                        renderBubble={this._renderBubble}
                        isTyping={false}
                        accessoryStyle={{ height: accessoryHeight }}
                        lightboxProps={{ springConfig: { tension: 90000, friction: 90000 } }}
                    />
```



#### Expected Results
Remove unwanted bottom padding


#### Additional Information

* Nodejs version: v12.14.0
* React version: 16.9.0
* React Native version:0.61.5
* react-native-gifted-chat version: 0.16.0
* Platform(s) (iOS, Android, or both?): iOS

[hirbod]

You can play around with the bottomOffset prop.
For me, its like this: bottomOffset={this.isIphoneX() ? 22 : -12}

You should of course use other values which fit to your application.

[Buwaneka-Sumanasekara]

@xcarpentier Is this update available after re-install package or will be available on next release?

[hirbod]

@Buwaneka-Sumanasekara if you want it now, you need to install from master. Latest release is 0.16.1, which does not contain this fix, so reinstalling won't help you. You could also incorporate this fix using patch-package, which will automatically invalidate once a new version is out.

[Buwaneka-Sumanasekara]

Waiting for the next release.

[abdi4]

Any update on this?

[johnfrancisgit]

This is still an issue

[thanhdevapp]

bottomOffset={isIphoneX ? getBottomSpace() : -12}

https://prnt.sc/wcv0xr

[fukemy]

ok i found problem, when render accessoryview then

getMinInputToolbarHeight() {
return this.props.renderAccessory
? this.props.minInputToolbarHeight * 2
: this.props.minInputToolbarHeight;
}

so need to calculate bottomoffset again by + inputtoolbarheight

[coderpr0grammer]

ok i found problem, when render accessoryview then

getMinInputToolbarHeight() { return this.props.renderAccessory ? this.props.minInputToolbarHeight * 2 : this.props.minInputToolbarHeight; }

so need to calculate bottomoffset again by + inputtoolbarheight

how can this be used in a functional component? also did you get it working?