Tengo una lista y, según esa lista, quiero representar un componente que debería tener

elevación: 1

propiedad. Pero como se muestra a continuación, su valor parece aumentar a medida que pasa por el siguiente elemento de la iteración.

Código:

 const data = [1,2,3,4,5,6,7,8] return ( <View style={{ flex: 1, justifyContent:'center', alignItems: 'center', backgroundColor: '#fafafa', marginTop: 50 }}> { data.map(item => <View style={{ backgroundColor: '#fff', borderRadius: 20, width: '80%', height: 50, marginTop: 10, elevation: 1, }} /> ) } </View> )