Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

InputToolbar #989

Closed
MMelek00 opened this issue Oct 6, 2018 · 5 comments
Closed

InputToolbar #989

MMelek00 opened this issue Oct 6, 2018 · 5 comments

Comments

@MMelek00
Copy link

MMelek00 commented Oct 6, 2018

Issue Description

InputToolbar stick to the buttom of the screen
and not avoiding the messages View
After Building Standalone App with expo
43302767_541009006351525_4396121163164549120_n

Steps to Reproduce / Code Snippets

renderInputToolbar(props) {
return (
<InputToolbar
{...props}
containerStyle={{ backgroundColor: colors.primary }}
/>
);
}

Expected Results

43225098_108202970096378_2602058558497357824_n

Additional Information

  • Nodejs version: v8.11.3
  • React version: 16.3.1
  • React Native version: 0.55.4
  • react-native-gifted-chat version: ^0.4.3
  • Platform(s) (iOS, Android, or both?): Android
    *expo version:^30.0.0
@goodryanboy
Copy link

try to add this in your manifest in side the

@ghost
Copy link

ghost commented Oct 10, 2018

They had solution to this issue on their home page already.Look below:
For Expo, there are almost 2 solutions to fix it:

adding KeyboardAvoidingView after GiftedChat
adding an opaque background status bar on app.json https://docs.expo.io/versions/latest/guides/configuration.html#androidstatusbar

I add following after GiftedChat then problem fixed.

@tcodes0
Copy link

tcodes0 commented Nov 29, 2018

if the main view changes height it'll trigger an onLayout handler in Gifted chat causing the input to reset to bottom, even if keyboard is open

@MMelek00
Copy link
Author

thank you guys non of that worked but already solve it by adding "react-native-keyboard-spacer" to avoid view

@nandiniparimi1107
Copy link
Contributor

What about the ejected apps? This solution only works for expo.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants