Det huvudsakliga problemet med skugghöjdsreagerar är att det kan orsaka felaktig återgivning av skuggor.
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
Detta kommer att lägga till en svart skugga med 80 % opacitet till komponenten, med en offset på 2px horisontellt och 5px vertikalt. Skuggans radie kommer att vara 2px.
skuggor i element
Det finns några saker att tänka på när man pratar om skuggor i React Native. Först renderas skuggor som en del av komponentträdet. Det betyder att de kommer att renderas på den komponent som renderar dem, och inte på några andra komponenter som kan finnas i samma träd. För det andra renderas skuggor asynkront, så de visas inte förrän efter att komponenten har renderats. Slutligen beräknas skuggor under körning snarare än att de förgenereras och lagras i minnet.
