как визуализировать разные данные в плоском списке - PullRequest
Новая
       10

как визуализировать разные данные в плоском списке

0 голосов
/ 13 октября 2019

У меня есть компоненты с разными стилями, и я хочу отобразить каждый из них для конкретных данных. Я хочу, чтобы первый элемент в моем компоненте отображался с первым элементом в массиве: 

<View>
    <Text style={{backgroundColor:'red'}}>1</Text>
    <Text style={{backgroundColor:'green'}}>1</Text>
    <Text style={{backgroundColor:'yellow'}}>1</Text>
</View>

const data=[1,2,3,4,5,6,7,8]

renderItem=(item)=>{
    <my-component {item} />
}

<FlatList 
    data={data}
    renderItem={this.renderItem}
/>

Я хочу, чтобы первый элемент в моем массиве занял первый элемент в моем компоненте.

...