callstack / callstack/react-native-pager-view
How I make flatlist with pagerview ?
- Vorherrschende Sprache
- TypeScript
- Sterne
- 3.4k
- Forks
- 476
- Ø Merge
- 10 T. 21 Std.
- Gemergte PRs (30 T.)
- 2
Beschreibung
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()}
/>
)
```
Beitragsleitfaden
Rechercherichtung
Das Issue nennt keine Repository-Datei, keinen Test und keinen Einstiegspunkt. Beginne damit, das Beispiel mit verschachteltem FlatList und PagerView zu reproduzieren, und untersuche dann den verlinkten Messfehler und die bereitgestellte Komponentenstruktur. Als erledigt gilt die Arbeit erst, wenn eine von einem Maintainer bestätigte Erklärung und eine funktionierende Konfiguration oder eine Änderung am Repository vorliegen.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- javascript, react-native
- Bereich
- mobile
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 20/100