Estoy tratando de representar una lista con dos matrices de subdatos dentro de cada objeto. Estoy tratando de mostrar esta matriz de objetos del juego, que tiene un título de juego, una matriz para editores, una matriz para desarrolladores y una identificación. La matriz para editores y desarrolladores no es la misma para todos los juegos. Al principio quería hacer una lista de secciones, pero hay dos conjuntos de datos, que es lo que creo que es el problema de no funcionar. Así que ahora estoy pensando en hacer una lista plana y hacer una lista plana o una lista de secciones dentro de eso para las matrices de editores y desarrolladores. Todavía no puedo entender cómo hacer esto sin embargo. ¿Qué debería intentar hacer en su lugar?
creatorData: Array [ Object { "DevData": Array [ Object { "Developer": "DICE", }, ], "GameTitle": "Battlefield 1", "PubData": Array [ Object { "Publisher": "Electronic Arts", }, ], "id": 0, }, Object { "DevData": Array [ Object { "Developer": "DICE", }, Object { "Developer": "DICE Los Angeles", }, ], "GameTitle": "Battlefield 4", "PubData": Array [ Object { "Publisher": "Electronic Arts", }, ], "id": 1, }]
Oye, básicamente, una lista plana dentro de una lista plana funcionará, pero debemos asegurarnos de que la lista plana del niño no siempre anule el desplazamiento de las listas planas principales.
Así que para eso básicamente supongamos
const data = [{a:{ childData:[] }} , {b:{childData:[]}} ] const renderEachRow = ({item}) => { return( <View style={{height:HEIGHT_DEVICE/3,marginHorizontal:30}} > <Text>Title</Text> <Flatlist data={item.childData} renderItem={renderChildRow} /> </View> ) return( <View style={{flex:1}}> <FLatlist data={data} renderItem={renderEachRow} style={{flex:1}} /> ) </View> }
Espero que esto ayude, siéntete libre de dudas.