Remove unwanted bottom padding in InputToolbar when Keyboard open
See original GitHub issueIssue 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
Issue Analytics
- State:
- Created 3 years ago
- Comments:8 (2 by maintainers)
Top Results From Across the Web
Remove space between keyboard and composer in React ...
I'm using the react-native-gifted-chat package for my React Native application. Somehow there is a space between the composer and the keyboard, ...
Read more >react-native-gifted-chat - npm
Append KeyboardAvoidingView after GiftedChat. This should only be done for Android, as KeyboardAvoidingView may conflict with the iOS keyboard ...
Read more >Handbook for MuseScore 4
The Properties panel; Note input toolbar; Menu bar; Inserting measures with keyboard shortcuts. Deleting measures. Remove empty trailing measures. See also.
Read more >A Flutter guide to visual overlap: padding, viewPadding, and ...
Notice that when the keyboard appears, the bottom indicator section turns from partially to completely obscured UI. How Flutter handles this: ...
Read more >User Manual - Melco Tech
New Open Dialog - View all supported embroidery AND graphic files at the same ... The input toolbar contains the majority of the...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Any update on this?
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