El principal problema relacionat amb la reacció nativa d'elevació d'ombres és que pot provocar una representació inexacte de les ombres.
In React Native, the shadow elevation is used to add a drop shadow to a component. The elevation is specified in terms of pixels.
To add a shadow to a component, you can use the style property:
shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.8, shadowRadius: 2, elevation: 5
Això afegirà una ombra negra amb un 80% d'opacitat al component, amb un desplaçament de 2 px horitzontalment i 5 px verticalment. El radi de l'ombra serà de 2 píxels.
ombres en els elements
Hi ha algunes coses a tenir en compte quan es parla d'ombres a React Native. En primer lloc, les ombres es representen com a part de l'arbre de components. Això vol dir que es representaran al component que els està renderitzant i no a cap altre component que pugui estar al mateix arbre. En segon lloc, les ombres es representen de manera asíncrona, de manera que no apareixeran fins que no s'hagi representat el component. Finalment, les ombres es calculen en temps d'execució en lloc de ser pregenerades i emmagatzemades a la memòria.
