callstack / callstack/react-native-pager-view

Keyboard Aware Scroll View not working if inside Pager View

Abierto
#504 0 comentarios 0 reacciones 0 asignados Ver en GitHub
question
Lenguaje dominante
TypeScript
Estrellas
3.4k
Forks
476
Merge medio
10 d 21 h
PR fusionados (30 d)
2

Descripción

## Keyboard Aware Scroll View is not working inside Pager View

Hi,
I have trouble when I use KASV inside Pager View. I have component using Pager View. Inside pager view I have another component (link.component).
```

{links.map((link, index) => {
return (

{link.isScrollable ? (

{link.component}

) : (
link.component
)}

);
})}

```
and the link.component looks more or less like:
```


AAAA








```
I observe two situations:
1. when I put height to Pager View style ``` style={[flex: 1, { height }]} ``` I can tap once in TextInput to show keyboard, but KeyboardAwareScrollView don't scroll to TextInput (show TI above keyboard). It seems KeyboardAwareScrollView doesn't work at all.
2. when I don't put height to Pager View style ``` style={[flex: 1]} ``` In this case I have to tap twice in TextInput to focus it and show keyboard, but in this case KeyboardAwareScrollView working properly and scrolling focused TextInput above keyboard.

Is this possible to work correctly Pager View and KeyboardAwareScrollView together? As I know KeyboardAwareScrollView need style={flex: 1} in parent component.

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Reproduce el anidamiento informado de PagerView, ScrollView y KeyboardAwareScrollView usando las dos configuraciones de altura de PagerView mostradas en el issue. Empieza comparando el comportamiento del foco y del desplazamiento del teclado con y sin la altura explícita; se considera terminado cuando un TextInput recibe el foco con el primer toque y KeyboardAwareScrollView lo desplaza por encima del teclado.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
react-native
Área
mobile
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.