Peamine varjude kõrguse reaktsiooniga seotud probleem on see, et see võib põhjustada varjude ebatäpset renderdamist.
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
See lisab komponendile 80% läbipaistmatusega musta varju, mille nihe on 2 pikslit horisontaalselt ja 5 pikslit vertikaalselt. Varju raadius on 2 pikslit.
varjud elementides
React Native'i varjudest rääkides tuleb arvestada mõne asjaga. Esiteks renderdatakse varjud komponendipuu osana. See tähendab, et need renderdatakse komponendil, mis neid renderdab, mitte mis tahes muul komponendil, mis võib samas puus olla. Teiseks renderdatakse varjud asünkroonselt, nii et need ilmuvad alles pärast komponendi renderdamist. Lõpuks arvutatakse varjud pigem käitusajal kui eelgenereeritud ja mällu salvestatud.
