callstack / callstack/react-native-pager-view

How I make flatlist with pagerview ?

Abierto
#561 1 comentario 0 reacciones 0 asignados Ver en GitHub
question
Lenguaje dominante
TypeScript
Estrellas
3.4k
Forks
476
Merge medio
10 d 21 h
PR fusionados (30 d)
2

Descripción

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()}
/>
)
```

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

El issue no menciona ningún archivo del repositorio, prueba ni punto de entrada. Empieza reproduciendo el ejemplo de FlatList y PagerView anidados; después, inspecciona el error de medición enlazado y la estructura de componentes proporcionada. El trabajo requiere una explicación confirmada por un maintainer y una configuración funcional o un cambio en el repositorio para considerarse terminado.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
javascript, react-native
Área
mobile
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Necesita aclaración
Aptitud para principiantes
20/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.