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

Textinput is hidden on Android #578

Open
Clowning opened this Issue Sep 19, 2017 · 13 comments

Comments

Projects
None yet
@Clowning

Clowning commented Sep 19, 2017

Issue Description

Hi , i use react-native-gifted-chat on IOS and everythings work but on android, when i tap on the textinput, the keyboard rise up, le textinput too, everythings good but when i tap a letter, the textinput disappears (being the keyboard i suppose!

  • React Native version: 0.48.3
  • react-native-gifted-chat version: 0.2.7
  • Platform(s) (iOS, Android, or both?): Android
@jsappme

This comment has been minimized.

Show comment
Hide comment
@jsappme

jsappme Sep 21, 2017

same issue on android too

jsappme commented Sep 21, 2017

same issue on android too

@Clowning

This comment has been minimized.

Show comment
Hide comment
@Clowning

Clowning Sep 24, 2017

I've fixed by this way :

In GiftedChat, comment in resetInputToolbar()

// this.notifyInputTextReset();
// const newComposerHeight = MIN_COMPOSER_HEIGHT;
// const newMessagesContainerHeight = this.getMessagesContainerHeightWithKeyboard(newComposerHeight);
// this.setState({
//   text: this.getTextFromProp(''),
//   composerHeight: newComposerHeight,
//   messagesContainerHeight: this.prepareMessagesContainerHeight(newMessagesContainerHeight),
// });

And in onInputSizeChanged comment all content !

After that it's working, and there are no side effect for me !

Clowning commented Sep 24, 2017

I've fixed by this way :

In GiftedChat, comment in resetInputToolbar()

// this.notifyInputTextReset();
// const newComposerHeight = MIN_COMPOSER_HEIGHT;
// const newMessagesContainerHeight = this.getMessagesContainerHeightWithKeyboard(newComposerHeight);
// this.setState({
//   text: this.getTextFromProp(''),
//   composerHeight: newComposerHeight,
//   messagesContainerHeight: this.prepareMessagesContainerHeight(newMessagesContainerHeight),
// });

And in onInputSizeChanged comment all content !

After that it's working, and there are no side effect for me !

@pulpdood

This comment has been minimized.

Show comment
Hide comment
@pulpdood

pulpdood Nov 12, 2017

I have a similar issue
image

pulpdood commented Nov 12, 2017

I have a similar issue
image

@davista123

This comment has been minimized.

Show comment
Hide comment
@davista123

davista123 Nov 15, 2017

The way I finally got it to work was by using react-native-keyboard-spacer in the same View as GiftedChat.

As suggested by @llamaluvr:

<View style={{flex: 1}}>
  <GiftedChat/>
  <KeyboardSpacer/>
</View

Works perfectly every time

davista123 commented Nov 15, 2017

The way I finally got it to work was by using react-native-keyboard-spacer in the same View as GiftedChat.

As suggested by @llamaluvr:

<View style={{flex: 1}}>
  <GiftedChat/>
  <KeyboardSpacer/>
</View

Works perfectly every time

@hironarita

This comment has been minimized.

Show comment
Hide comment
@hironarita

hironarita Nov 19, 2017

@davista123 Thanks! This solution works for me as well.

hironarita commented Nov 19, 2017

@davista123 Thanks! This solution works for me as well.

@awadesmoline

This comment has been minimized.

Show comment
Hide comment
@awadesmoline

awadesmoline Nov 21, 2017

Thanks @davista123. Works great!

awadesmoline commented Nov 21, 2017

Thanks @davista123. Works great!

@blackavec

This comment has been minimized.

Show comment
Hide comment
@blackavec

blackavec Jan 8, 2018

@davista123 love you man, i was spending 2 month to fix this bug

blackavec commented Jan 8, 2018

@davista123 love you man, i was spending 2 month to fix this bug

@xcarpentier

This comment has been minimized.

Show comment
Hide comment
@xcarpentier
Collaborator

xcarpentier commented Jan 8, 2018

@blackavec

This comment has been minimized.

Show comment
Hide comment
@blackavec

blackavec Jan 8, 2018

btw, it's not just issue with android, i have this issue with ios

blackavec commented Jan 8, 2018

btw, it's not just issue with android, i have this issue with ios

@xcarpentier

This comment has been minimized.

Show comment
Hide comment
@xcarpentier

xcarpentier Jan 23, 2018

Collaborator

Please see here: #680 (comment)

Collaborator

xcarpentier commented Jan 23, 2018

Please see here: #680 (comment)

@esvm

This comment has been minimized.

Show comment
Hide comment
@esvm

esvm Mar 9, 2018

Man I love you. Really. I wanna sick you!

esvm commented Mar 9, 2018

Man I love you. Really. I wanna sick you!

@duyluandethuong

This comment has been minimized.

Show comment
Hide comment
@duyluandethuong

duyluandethuong Jul 8, 2018

@davista123 solution still works extremely well with RN 0.55

duyluandethuong commented Jul 8, 2018

@davista123 solution still works extremely well with RN 0.55

@Tempest1000

This comment has been minimized.

Show comment
Hide comment
@Tempest1000

Tempest1000 Sep 14, 2018

@davista123 worked perfectly, thank you thank you thank you

Tempest1000 commented Sep 14, 2018

@davista123 worked perfectly, thank you thank you thank you

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment