callstack / callstack/react-native-pager-view

Keyboard Aware Scroll View not working if inside Pager View

Ouverte
#504 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
question
Langage dominant
TypeScript
Étoiles
3.4k
Forks
476
Merge moyen
10 j 21 h
PR mergées (30 j)
2

Description

## 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.

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Reproduisez l’imbrication signalée de PagerView, ScrollView et KeyboardAwareScrollView en utilisant les deux configurations de hauteur de PagerView présentées dans l’issue. Commencez par comparer le comportement du focus et du défilement lié au clavier avec et sans hauteur explicite ; c’est terminé lorsqu’un TextInput reçoit le focus au premier appui et que KeyboardAwareScrollView le fait défiler au-dessus du clavier.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
react-native
Domaine
mobile
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.