callstack / callstack/react-native-pager-view
Keyboard Aware Scroll View not working if inside Pager View
- Vorherrschende Sprache
- TypeScript
- Sterne
- 3.4k
- Forks
- 476
- Ø Merge
- 10 T. 21 Std.
- Gemergte PRs (30 T.)
- 2
Beschreibung
## 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.
Beitragsleitfaden
Rechercherichtung
Reproduziere die gemeldete Verschachtelung von PagerView, ScrollView und KeyboardAwareScrollView mit den beiden im Issue gezeigten Konfigurationen für die Höhe von PagerView. Beginne damit, das Fokus- und Tastatur-Scrollverhalten mit und ohne explizite Höhe zu vergleichen; als erledigt gilt es, wenn ein TextInput beim ersten Tippen fokussiert wird und die KeyboardAwareScrollView es über die Tastatur scrollt.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react-native
- Bereich
- mobile
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100