callstack / callstack/react-native-pager-view
[Android] VirtualizedList: Encountered an error while measuring a list's offset from its containing VirtualizedList
- Langage dominant
- TypeScript
- Étoiles
- 3.4k
- Forks
- 476
- Merge moyen
- 10 j 21 h
- PR mergées (30 j)
- 2
Description
## Environment
System:
OS: Windows 10 10.0.19042
CPU: (12) x64 AMD Ryzen 5 3600 6-Core Processor
Memory: 6.69 GB / 15.95 GB
Binaries:
Node: 16.13.0 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.10 - ~\AppData\Roaming\npm\yarn.CMD
npm: 8.1.0 - C:\Program Files\nodejs\npm.CMD
Watchman: Not Found
SDKs:
Android SDK:
API Levels: 26, 29, 30
Build Tools: 28.0.3, 29.0.2, 30.0.3, 32.0.0
System Images: android-30 | Google APIs Intel x86 Atom, android-30 | Google Play Intel x86 Atom
Android NDK: Not Found
Windows SDK: Not Found
IDEs:
Android Studio: Version 2020.3.0.0 AI-203.7717.56.2031.7784292
Visual Studio: Not Found
Languages:
Java: 1.8.0_312 - C:\Program Files\OpenJDK\openjdk-8u312-b07\bin\javac.EXE
npmPackages:
@react-native-community/cli: Not Found
react: 17.0.1 => 17.0.1
react-native: 0.64.3 => 0.64.3
react-native-windows: Not Found
npmGlobalPackages:
react-native: Not Found
react-native-pager-view : 5.4.6
expo: 43.0.3
## Description
My nested flatList is not showing using pager view.
I have a parent vertical flatlist with an horizontal tab view child, and each tab view has a vertical flatlist but they are not displayed and error "VirtualizedList: Encountered an error while measuring a list's offset from its containing VirtualizedList." is shown.
react-native 0.64.3, react-native-pager-view : 5.4.6
## Reproducible Demo
1. Create parent vertical FlatList
2. Add horizontal ViewPagerAndroid
3. Each tab has a vertical FlatList
4.
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par reproduire la configuration signalée : une FlatList verticale parente contenant un ViewPagerAndroid horizontal, avec une FlatList verticale dans chaque onglet. Étudiez l’erreur de mesure de l’offset de VirtualizedList et comparez le comportement avec React Native 0.64.3 et react-native-pager-view 5.4.6. Le travail est terminé lorsque les listes imbriquées des onglets s’affichent sans l’erreur signalée.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- android, react-native
- Domaine
- mobile
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- À clarifier
- Accessibilité débutants
- 25/100