Το κύριο πρόβλημα που σχετίζεται με το shadow elevation react native είναι ότι μπορεί να προκαλέσει ανακριβή απόδοση των σκιών.
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
Αυτό θα προσθέσει μια μαύρη σκιά με 80% αδιαφάνεια στο στοιχείο, με μετατόπιση 2 px οριζόντια και 5 px κάθετα. Η ακτίνα της σκιάς θα είναι 2 px.
σκιές σε στοιχεία
Υπάρχουν μερικά πράγματα που πρέπει να λάβετε υπόψη όταν μιλάτε για σκιές στο React Native. Πρώτον, οι σκιές αποδίδονται ως μέρος του δέντρου συστατικού. Αυτό σημαίνει ότι θα αποδοθούν στο στοιχείο που τα αποδίδει και όχι σε άλλα στοιχεία που μπορεί να βρίσκονται στο ίδιο δέντρο. Δεύτερον, οι σκιές αποδίδονται ασύγχρονα, επομένως δεν θα εμφανιστούν παρά μόνο μετά την απόδοση του στοιχείου. Τέλος, οι σκιές υπολογίζονται κατά το χρόνο εκτέλεσης αντί να προ-δημιουργούνται και αποθηκεύονται στη μνήμη.
