Tengo una vista simple como esta:
<View style={{backgroundColor:'rgba(82, 82, 82, 0.8)',position:'absolute',left:0,width:100,height:100}}></View> <View style={{backgroundColor:'rgba(82, 82, 82, 0.8)',position:'absolute',left:50,width:100,height:100}}></View>pero la superposición produce un color propio como este:
¿Cómo hago para que ambos sean solo transparentes hacia el fondo y no superpongan la transparencia?
O no tiene transparencia o no superpone las vistas. Las vistas transparentes superpuestas siempre mostrarán lo que haya detrás de las vistas frontales.
No existe una forma mágica de indicarle a una vista frontal que use su transparencia e ignorar cualquier transparencia posterior. Esto se debe a que las vistas se dibujan de atrás hacia adelante. Entonces, cuando la vista frontal muestra su transparencia, todo lo que hay detrás ya está dibujado y finalizado.
Esto es como superponer una película de plástico amarilla y una película de plástico verde, y preguntar cómo es posible que la luz solo pueda atravesar la verde. Así es... no es como funciona.