Estoy usando Gifted Chat para reaccionar nativo, pero tengo un comportamiento extraño. Cuando el teclado está abajo, los mensajes están bien. Cuando toco en el teclado para que aparezca, también está bien ... pero en el momento en que empiezo a escribir, los mensajes saltan. La única forma de recuperarlos es cerrar el teclado. Así es como se ve:

img

¿Qué estoy haciendo mal aquí? Aquí está el código:

<KeyboardAvoidingView
      style={{ flex: 1 }}
      behavior="padding"
      keyboardVerticalOffset={Platform.select({
        ios: () => 0,
        android: () => 100
      })()}
    >
      <GiftedChat
        handleChoosePhoto={handleChoosePhoto}
        forceGetKeyboardHeight
        showUserAvatar
        renderChatFooter={renderChatFooter}
        isAnimated
        scrollToBottom
        onInputTextChanged={e => emitTyping(user._id, otherUser, e)}
        showAvatarForEveryMessage
        messages={messages}
        onSend={msg => onSend(msg)}
        user={user}
      />
</KeyboardAvoidingView>

Este componente se devuelve como un componente funcional, no envuelto en nada más y no está en conflicto con nada más. Lo extraño es que si me deshago de behavior="padding", no salta ... pero entonces el elemento TextInput no es visible.

2
Mike K 29 oct. 2019 a las 14:44

1 respuesta

La mejor respuesta

Solucioné esto quitando forceGetKeyboardHeight

1
Mike K 29 oct. 2019 a las 12:52