Det største problem relateret til skyggehøjdereager er, at det kan forårsage unøjagtig gengivelse af 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 tilføje en sort skygge med 80 % opacitet til komponenten med en offset på 2px vandret og 5px lodret. Skyggens radius vil være 2px.
skygger i elementer
Der er et par ting at overveje, når man taler om skygger i React Native. Først gengives skygger som en del af komponenttræet. Det betyder, at de vil blive gengivet på den komponent, der renderer dem, og ikke på andre komponenter, der kan være i samme træ. For det andet gengives skygger asynkront, så de vises ikke før efter komponenten er blevet gengivet. Endelig beregnes skygger under kørsel i stedet for at blive prægenereret og gemt i hukommelsen.
