Quiero hacer algo como esto https://i.stack.imgur.com/SlbKX.png . Si necesita más información, por favor hágamelo saber! ¡Espero que alguien pueda ayudarme!
`const DATA=[[1,name1,...],[2,name2,...]...];// Data like [[...],[...],...] <FlatList data={DATA} keyExtractor={(outterItem)=>outterItem.key} renderItem={({outterItem})=>( <View> <FlatList horizontal={true} data={outterItem} keyExtractor={(innerItem)=>innerItem.key} renderItem={({InnerItem})=>( <View style={styles.box}> <Text style={styles.Text}>{InnerItem}</Text> </View> )} /> </View> /> `Está desestructurando el parámetro del item de la función renderItem de FlatList . No puede cambiarle el nombre a innerItem o outerItem . El nombre debe ser item para ambos. No habrá conflicto ya que el parámetro del item estará dentro del ámbito local.
Aquí hay una versión de trabajo con una matriz de datos ficticia.
export default function App() { const DATA=[[1,2,3],[2, 3, 4 ,5]]; return ( <FlatList data={DATA} keyExtractor={(item, index)=>index.toString()} renderItem={({item})=>( <View> <FlatList horizontal={true} data={item} keyExtractor={(item, index)=> index.toString()} renderItem={({item})=> ( <View style={styles.box}> <Text style={styles.Text}>{item}</Text> </View> )} /> </View>)} />) }