callstack / callstack/react-native-pager-view

[Android] VirtualizedList: Encountered an error while measuring a list's offset from its containing VirtualizedList

オープン
#480 コメント 4 件 リアクション 1 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
3.4k
フォーク
476
平均マージ
10日 21時間
マージ済み PR(30日)
2

説明

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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず、報告されたセットアップを再現します。水平な ViewPagerAndroid を含む親の垂直 FlatList を用意し、各タブに垂直 FlatList を配置します。VirtualizedList のオフセット測定エラーを調査し、React Native 0.64.3 と react-native-pager-view 5.4.6 での動作を比較します。ネストされたタブのリストが報告されたエラーなしでレンダリングされれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
android, react-native
領域
mobile
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。