callstack / callstack/react-native-pager-view

How I make flatlist with pagerview ?

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

説明

Hello,

I want a flatlist with header with pagerview but I got this error:

`[Encountered an error while measuring a list's offset from its containing VirtualizedList](https://stackoverflow.com/questions/72178734/encountered-an-error-while-measuring-a-lists-offset-from-its-containing-virtual)`

Code:

```
const renderInnerLists = ({ index }) => {
return (
//the pagerview grows to the height of its content, but it is nested inside of the flat list, and it does not cause the flat list to grow.


i + Math.random(1000).toString()}
numColumns={2}
listKey={(item, index) => 'D' + index.toString() + Math.random(1000).toString()}
contentContainerStyle={
s.myGalsContentStyle
}
showsVerticalScrollIndicator={false}
scrollEnabled={false}
/>


i + Math.random(1000).toString()}
listKey={(item, index) => 'S' + index.toString() + Math.random(1000).toString()}
numColumns={2}
contentContainerStyle={
s.myGalsContentStyle
}
showsVerticalScrollIndicator={false}
scrollEnabled={false}
/>


)
}

return (
item.id + Math.random(1000).toString()}
/>
)
```

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

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

調査の方向性

Issue にはリポジトリのファイル、テスト、エントリーポイントが記載されていません。まず、ネストされた FlatList と PagerView の例を再現し、次にリンクされている計測エラーと、提示されたコンポーネント構造を調査してください。完了とするには、maintainer によって確認された説明と、動作する設定またはリポジトリの変更が必要です。

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

評価

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

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

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