Realmente estoy luchando para descubrir por qué no puedo hacer que mi FlatList represente los elementos de la manera que esperaría.

Estoy usando react-query para obtener una matriz de datos. Paso esta matriz a mi FlatList para que se represente, luego uso una función de procesamiento para representar un elemento de la lista. Sin embargo, mi lista plana ignora por completo todo el relleno y el margen del elemento, a veces.

Aquí hay un fragmento para explicar mejor lo que estoy tratando de hacer:

 function Component() { data = [ {a: true, otherStuff}, {b: true, otherStuff} ] function renderItem({item, index}) { if (item.a) { return <ListItemA/> } if (item.b) { return <ListItemB/> } render( <FlatList renderitem={renderItem} data={data} /> ) }