Hovedproblemet knyttet til skyggehøydereager er at det kan forårsake unøyaktig gjengivelse av skygger.
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
Dette vil legge til en svart skygge med 80 % opasitet til komponenten, med en offset på 2px horisontalt og 5px vertikalt. Radiusen til skyggen vil være 2px.
skygger i elementer
Det er et par ting du bør vurdere når du snakker om skygger i React Native. Først gjengis skygger som en del av komponenttreet. Dette betyr at de vil bli gjengitt på komponenten som gjengir dem, og ikke på noen andre komponenter som kan være i samme tre. For det andre gjengis skygger asynkront, slik at de ikke vises før etter at komponenten er gjengitt. Til slutt beregnes skygger under kjøring i stedet for å være forhåndsgenerert og lagret i minnet.
