callstack / callstack/react-native-pager-view
[Android] VirtualizedList: Encountered an error while measuring a list's offset from its containing VirtualizedList
- Lenguaje dominante
- TypeScript
- Estrellas
- 3.4k
- Forks
- 476
- Merge medio
- 10 d 21 h
- PR fusionados (30 d)
- 2
Descripción
## 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.
Guía de contribución
Línea de trabajo
Comienza reproduciendo la configuración reportada: un FlatList vertical principal que contiene un ViewPagerAndroid horizontal, con un FlatList vertical en cada pestaña. Investiga el error de medición del offset de VirtualizedList y compara el comportamiento en React Native 0.64.3 con react-native-pager-view 5.4.6. Se considera terminado cuando las listas anidadas de las pestañas se renderizan sin el error reportado.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- android, react-native
- Área
- mobile
- Tipo de issue
- Error
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Estado de actividad
- Estancado
- Claridad
- Necesita aclaración
- Aptitud para principiantes
- 25/100