Estoy usando React-Native-Gifted-Chat en mi aplicación RN/Expo. Cuando un usuario va a escribir un mensaje, el cuadro de mensaje debe moverse hacia arriba con el teclado. Este es el comportamiento que obtengo en iOS, pero con Android, cubre la caja.
Intenté encerrar un "KeyboardAvoidingView" alrededor de la propiedad "GiftedChat", pero empuja el cuadro de mensaje fuera de la pantalla.
También probé lo que se ve a continuación, y aunque el teclado no desaparece, todavía cubre el cuadro de mensaje al escribir.
A continuación se muestra mi código:
<KeyboardAvoidingView> <SafeAreaView style = { styles.header }> <GiftedChat messages={} showAvatarForEveryMessage={true} onSend={messages => onSend(messages)} user={{ _id:1, }} /> </SafeAreaView> </KeyboardAvoidingView>Bien, entonces la solución a continuación funcionó para mí, pero podría haber funcionado solo porque esta pantalla es simplemente una "Pantalla de chat" que significa:
Alguien va a esta pantalla con el propósito de enviar y recibir mensajes, nada más.
Para resolver esto, eliminé todas las "Vistas" y me dio el comportamiento que quería.
A continuación se muestra el código actualizado:
return( <GiftedChat messages={} showAvatarForEveryMessage={true} onSend={messages => onSend(messages)} user={{ _id:1, }} /> )